显示本地图片，真机不能显示

来源：22-11 小程序Q&A

suu0422

2019-08-14

我想实现点击文字实现加载本地图片的功能
wxml代码：

  <view>
  <text class='title' catchtap='chooseImgOnTap'>点击这里，加载图片</text>
  <view class='text-content'>
  <input type='text' placeholder='你的名字' placeholder-class='placeholder' bindfocus='onBindFocus' bindconfirm='onBindConfirm' confirm-type='done'></input>
  <image class='text-img' src="{{tempFilePaths}}" ></image>
  </view>
  </view>

js代码如下

chooseImgOnTap:function(event){
    var that=this;
   /*  从本地相册选择图片或使用相机拍照。 */
    wx.chooseImage({
      count: 9, // 默认9 
      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 
      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 
      success: function (res) {
        console.log(res.tempFilePaths)
        that.setData({
          tempFilePaths: res.tempFilePaths
        })
      }
    })
  }

在调试环境下可以加载图片，正确显示，可是真机情况下不能显示图片，这是为什么？
开发环境下的图片地址是：http://tmp/wx1275b0cd0ecb866b.o6zAJs24veOtzE1y_5x5U7xfuRMY.8j0gxc1zZXWY63bee37a45704542d3edb5c93bc7550f.jpg
真机下的图片地址：wxfile://tmp_89274371f10edb446317506a46dde934a8f5d168a7c4c99f.jpg

写回答

2回答