wechat - 微信小程序：如何用标签显示本地图片？

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');
}