Минипрограмма Wechat: Как отобразить локальное изображение с тегом ‹img›?

Стандартный тег <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>

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

Из официальной документации здесь его надо поддерживать.

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


wechat wechat-miniprogram
person DevonDahon    schedule 29.04.2019    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Ответ был в Ошибка и совет раздел :

  1. совет: метка img поддерживает только сетевые образы.
person DevonDahon    schedule 29.04.2019

arrow_upward
0
arrow_downward

У меня отлично работает с локальным путем в файле .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');
}
person Rajjat Layal    schedule 24.12.2019