web前端|js教程
微信小程序,图片预览
web前端-js教程
这篇文章主要为大家详细介绍了微信小程序实现图片预览功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
自动采集文章网站源码,vscode调用大漠插件,ubuntu dns配置,tomcat 7 mac,sqlite修改数据后没变化,html网页设计案例指导,sql数据库编辑删除不了,搭建网站服务器多少钱,dede音频播放器插件,类似layui的后台前端框架,爬虫集合,php解析html,快雀seo,springboot抢购锁,js标签特效,wordpress网站很慢,网页代码常用小技巧,织梦工作室模板,外贸网站后台,淘宝页面背景图代码,云模块网站管理系统,社交 可视化 源程序lzw
效果图
网页预约系统源码,ubuntu怎么配置域名,两个tomcat相同项目,冬季爬虫保暖方法,php语言开发商城的优缺点,谷歌seo 步骤lzw
图片新闻源码,戴尔如何安装ubuntu,爬虫静态查询页面,php导入php,seo的卖点lzw
原理
使用wx.chooseImage选择本地图片;
使用wx.previewImage预览图片。
WXML
WXSS
page{background-color: #efeff4;}.tui-preview-img{ width: 200rpx; height: 120rpx;}
JS
Page({ data: { previewImageArr:[] }, previewImage(e){ var self = this; wx.chooseImage({ count:8, success(res) { var tempFilePaths = res.tempFilePaths; self.setData({ previewImageArr: tempFilePaths}); } }) }, changePreview(e){ var self = this; wx.previewImage({ current: e.currentTarget.dataset.src, urls: self.data.previewImageArr }) }})
注意
wx.previewImage的参数current和urls必须是http链接。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
详细解读Vue.js中的组件使用方法以及作用?
AngularJS1.x应用迁移至React(详细教学)
在vue 2.0中如何实现购物车小球抛物线