小程序实现图片预览功能
2017-12-23 18:08
459 查看
为什么要实现小程序图片预览功能?
因为有些图片太小,我们需要将图片放大,才能查看图片上的信息。
为了实现这项功能我们需要调用该函数:
current:表示当前需要预览的图片,(默认图片数组的第一张)
urls:表示图片的数组
当然你需要在页面绑定事件
data-src:表示当前图片的路径,这个是必须,否则无法获取当前图片的src,
因为有些图片太小,我们需要将图片放大,才能查看图片上的信息。
为了实现这项功能我们需要调用该函数:
var current = e.target.dataset.src; //预览图片 wx.previewImage({ current: current, urls: this.data.product.photoUrls, });
current:表示当前需要预览的图片,(默认图片数组的第一张)
urls:表示图片的数组
当然你需要在页面绑定事件
<image mode="widthFix" data-src="{{item}}" src="{{item}}" bindtap="previewImage" />
data-src:表示当前图片的路径,这个是必须,否则无法获取当前图片的src,
相关文章推荐
- 微信小程序实现图片预览功能
- 微信小程序实现图片上传、删除和预览功能的方法
- 微信小程序实现图片放大预览功能
- 微信小程序的实现图片预览功能
- 微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
- js实现图片预览的功能
- jquery实现兼容浏览器的图片上传本地预览功能
- jquery实现页面无刷新动态上传图片预览功能
- 分离与继承的思想实现图片上传后的预览功能:ImageUploadView
- 使用onpropertychange属性实现FILEUPLOAD的图片预览功能!
- php+js实现图片的上传、裁剪、预览、提交整个功能
- Java实现图片裁剪预览功能
- PHP jQuery实现上传图片时预览图片的功能实例
- 使用 plupload 插件 上传图片 ·· 选择图片的时候实现预览功能··
- 基于jquery实现图片上传本地预览功能
- 图形的绘制,如何使用自定义画笔(颜色,线宽,线形)。如何为程序中添加选项菜单和选项设置对话框,如何使用标准颜色对话框,如何使用字体对话框,在选项对话框中实现预览功能。实现选项对话框和窗口类中的数据交换。如何改变对话框和控件的背景色,如何改变控件的文本颜色,
- vue项目中实现图片预览的公用组件功能
- vue.js 图片上传并预览及图片更换功能的实现代码