博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序点击图片放大预览
阅读量:7230 次
发布时间:2019-06-29

本文共 614 字,大约阅读时间需要 2 分钟。

微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大、上/下一张

上代码

wxml代码

js代码

data: {
images: [ 'http://pic.58pic.com/58pic/15/63/07/42Q58PIC42U_1024.jpg', 'http://img.zcool.cn/community/01d881579dc3620000018c1b430c4b.JPG@3000w_1l_2o_100sh.jpg' ], }, /** * 预览图片 */ previewImage: function (e) { console.log(e) var current = e.target.dataset.src; wx.previewImage({ current: current, // 当前显示图片的http链接 urls: this.data.images // 需要预览的图片http链接列表 }) } ,

测试的只能用网络图片,本地不能使用,这个需要研究研究。

 效果图

 

转载于:https://www.cnblogs.com/zxf100/p/9915253.html

你可能感兴趣的文章
HTML5 多文件选择和FileList
查看>>
spring-boot与log4j2整合
查看>>
对函数式编程的理解
查看>>
Tomcat源码分析----一个http请求的经历
查看>>
Unix-Linux 编程实践教程 第二章 小结
查看>>
.未来只有坚持自己的信念.
查看>>
TODO:Golang指针使用注意事项
查看>>
五大角色和主域控制器
查看>>
QTcpserver编程
查看>>
ScrollView + Listview 实现方案优选
查看>>
redis概述与使用
查看>>
linux下如何设置和查看系统环境变量
查看>>
jaxws-webservice编程
查看>>
网众安装U盘带WINPE和MaxDOS
查看>>
Linux man文档英语单词
查看>>
oracle的权限和角色区别
查看>>
组策略管理——软件限制策略(4)
查看>>
tcp的三次握手
查看>>
u盘中的ubuntu为了减少日志系统频繁写文件所修改的/etc/fstab
查看>>
RAID浅谈
查看>>