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


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 相关文章推荐
javascript 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
Jun 28 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
Jul 14 Javascript
web 屏蔽BackSpace键实例代码
Dec 24 Javascript
AngularJS表单提交实例详解
Feb 18 Javascript
ES6新特性:使用export和import实现模块化详解
Jul 31 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
如何提升vue.js中大型数据的性能
Jun 21 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 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
PHP面向对象——访问修饰符介绍
2012/11/08 PHP
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
YUI的Tab切换实现代码
2010/04/11 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
详解javascript遍历方式
2015/11/11 Javascript
js实现正则匹配中文标点符号的方法
2015/12/23 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
2016/08/05 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
浅谈Node.js 子进程与应用场景
2018/01/24 Javascript
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
解析vue data不可以使用箭头函数问题
2018/07/03 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
vue操作动画的记录animate.css实例代码
2019/04/26 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
Python中使用摄像头实现简单的延时摄影技术
2015/03/27 Python
Python代码块批量添加Tab缩进的方法
2018/06/25 Python
Django中使用第三方登录的示例代码
2018/08/20 Python
Django中信号signals的简单使用方法
2019/07/04 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
如何学习Python time模块
2020/06/03 Python
高二物理教学反思
2014/02/08 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
学校领导班子成员查摆问题及整改措施
2014/10/28 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
幼儿园中班教育随笔
2015/08/14 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python
SpringBoot集成Druid连接池连接MySQL8.0.11
2021/07/02 Java/Android
Nginx速查手册及常见问题
2022/04/07 Servers