我想实现点击文字实现加载本地图片的功能
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
4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!
了解课程