小程序点击图片实现长按预览、保存、识别带参数二维码、转发...
⼩程序点击图⽚实现长按预览、保存、识别带参数⼆
维码、转发等功能
1.多张图⽚循环渲染后预览、保存、识别带参数⼆维码
wxml页⾯
<view wx:for=“{{imgalist}}” wx:for-item=“image” class=“previewimg”>
做帐
<image src=“{{image}}” data-src=“{{image}}” bindtap=“previewImage”></image>
</view>
js页⾯
Page({
data: {
imgalist: [‘sz800800/video/test.png','sz800800/video/test.png'],
大米生虫子处理小诀窍
},
previewImage: function (e) {
wx.previewImage({
current: this.data.imgalist, // 当前显⽰图⽚的http链接
urls: this.data.imgalist // 需要预览的图⽚http链接列表
})
},
})
2.单张图⽚预览、保存、识别带参数⼆维码
<!–pages/dis_dil/dis_d5.wxml–>
<text class=‘search_no'>点击可保存及分享⼆维码</text>
<view class=‘view_img' >
<image class=‘img' bindtap=“previewImage” src=‘{{scene}}'></image></view>
// pages/dis_dil/dis_d5.js
var app = getApp();
Page({
data: {
scene: ”
大海歌词
猪皮冻的做法大全},
onLoad: function (options) {
var that = this
var scene_img = ” //这⾥添加图⽚的地址
that.setData({
scene: scene_img
})
},
英雄的成语previewImage: function (e) {
wx.previewImage({
urls: this.data.scene.split(‘,')
// 需要预览的图⽚http链接使⽤split把字符串转数组。不然会报错
})
}
})
总结
以上所述是⼩编给⼤家介绍的⼩程序点击图⽚实现长按预览、保存、识别带参数⼆维码、转发等功能，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！
浙江温州的区号

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。