微信小程序：如何顯示本地圖片<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

使用本地路徑 in.wxml 文件對我來說效果很好。 我設置了 variable.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');
}