小程序实现图片预览功能

Posted 爱吃醋的工程师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序实现图片预览功能相关的知识,希望对你有一定的参考价值。

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,



以上是关于小程序实现图片预览功能的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序的实现图片预览功能

小程序实现图片预览功能

小程序图片上传,预览,删除功能

微信小程序实现图片预览(闭眼cv)

微信小程序如何一边看效果图一边编辑

微信小程序实现预览图片