Wechat Miniprogram: как отобразить локальное изображение с тегом <img>?

Question

Стандарт <image> тег отлично работает с локальным изображением:

<image src="../../data/pics/1001.png"></image>

Тег <rich-text> отлично работает с удаленными изображениями:

<rich-text nodes='<img src="http://images.kaishiba.com/o_1cs1glier2lsdge1q9irbs1a5u4e.jpg">'
></rich-text>

Но <rich-text> тег больше не работает с моим локальным изображением:

<rich-text nodes='<img src="../../data/pics/1001.png">'
></rich-text>

Я просто получаю маленький пустой квадрат на экране.

Из официальной документации здесь, это должно быть поддержано.

Что-то не так в моем коде?

Answer 1

Ответ был в разделе Bug & Tip:

6. Совет: ярлык img поддерживает только сетевые образы.

Answer 2

Отлично работает для меня с локальным путем в файле.wxml. Я установил файл переменной.js и назвал его путем. Он также работает с обычной строкой.

Но в файле.wxss он не работал как URL-адрес фонового изображения. Здесь он работает только с сетевыми образами. .js код

data: { 
    profileImg: '../../media/profilePic1.png'
  }

.wxml код. названный выше

<image class="userinfo-avatar" src="{{profileImg}}" mode="cover"></image>

Код файла.wxss не работал для локального пути к изображению

.bg
{
background-image: url('../../media/profilePic1.png');
}