微信小程序wx.previewImage预览图片实例详解(2)
所以这个接口, 按照官方示例, 可能只支持 http 或者 https 协议的网络图片地址.
注意:
网上还有说本地图片确实是不可以的,后面通过选取手机相册内的照片,可以预览,前提是在真机上演示。
下面介绍下微信小程序:点击预览图片
在开发微信小程序时,开发人员会参考着小程序api来开发小程序,但有的时候根据情况不同很容易出现bug,以下是我在开发小程序时出现的各种bug,在开发时有需要预览图片。
1.xml
<view class='detail_img'> <view class='view_img' wx:for="{{imglist}}" wx:for-item="image"> <image src='{{image}}' data-src="{{image}}" bindtap="previewImage"></image> </view> <view style='clear:both;'></view> </view>
2.js
data: { imglist:['图片链接','图片链接','图片链接'] }, /** * 预览图片 */ previewImage: function (e) { var current = e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: this.data.imglist // 需要预览的图片http链接列表 }) } ,
总结
以上所述是小编给大家介绍的微信小程序wx.previewImage预览图片实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对黑区网络网站的支持!