微信小程序：如何显示带有<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>

我只是在屏幕上出现一个小方块。

应该从官方文档here中获得支持。

我的代码有问题吗？

Answer 1

答案在Bug & Tip部分：

  

  
1. 提示：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');
}