微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能


Posted in Javascript onJuly 20, 2019

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: [‘http://sz800800.cn/video/test.png','http://sz800800.cn/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把字符串转数组。不然会报错
})
}
})

总结

以上所述是小编给大家介绍的微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
基于逻辑运算的简单权限系统(实现) JS 版
Mar 24 Javascript
Javascript 获取链接(url)参数的方法
Feb 15 Javascript
Knockoutjs的环境搭建教程
Nov 26 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
浅谈几种常用的JS类定义方法
Jun 08 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
vue.js数据绑定操作详解
Apr 23 Javascript
微信小程序CSS3动画下拉菜单效果
Nov 04 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
JS图片懒加载技术实现过程解析
Jul 27 Javascript
关于ES6尾调用优化的使用
Sep 11 Javascript
基于vue 实现表单中password输入的显示与隐藏功能
Jul 19 #Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
Jul 19 #Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 #Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 #Javascript
Vue实战教程之仿肯德基宅急送App
Jul 19 #Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
Jul 19 #Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
Jul 19 #Javascript
You might like
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
PHP使用feof()函数读文件的方法
2014/11/07 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
Javascript学习笔记9 prototype封装继承
2010/01/11 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
2018/08/25 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
2019/10/14 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
[03:42]2014DOTA2国际邀请赛 第三日比赛排位扑朔迷离
2014/07/12 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
简单总结Python中序列与字典的相同和不同之处
2016/01/19 Python
pandas.DataFrame选取/排除特定行的方法
2018/07/03 Python
python3 深浅copy对比详解
2019/08/12 Python
Python魔术方法专题
2020/06/19 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
英国玛莎百货美国官网:Marks & Spencer美国
2018/11/06 全球购物
海蓝之谜英国官网:La Mer英国
2020/01/15 全球购物
实习生自荐信范文分享
2013/11/27 职场文书
运动会获奖感言
2014/02/11 职场文书
仓管员岗位责任制
2014/02/19 职场文书
机械制造专业毕业生求职信
2014/03/02 职场文书
遗嘱继承公证书
2014/04/09 职场文书
大三学生学年自我鉴定
2014/09/12 职场文书
教师辞职书范文
2015/02/26 职场文书
2015年大学生实习评语
2015/03/25 职场文书
辞职信格式范文
2015/05/13 职场文书
2016年度继续教育学习心得体会
2016/01/19 职场文书
Win7/8.1用户可以免费升级到Windows 11系统吗?
2021/11/21 数码科技
python 使用tkinter与messagebox写界面和弹窗
2022/03/20 Python