wx.previewImage用来在新页面中全屏预览图片

预览的过程中，用户可以进行保存图片、发送图片给朋友等操作

wx.previewImage参数说明

image.png

  1. index.wxml
  2. <view>
  3.     <button  bindtap='chooseImage'>选择图片</button>
  4.     <image  mode="aspectFit" src="{{imgsrc[0]}}" bindtap='reviewImage'></image>
  5. </view>
  1. index.js
  2. Page({
  3.   data:{
  4.     imgsrc:[]
  5.   },
  6.   chooseImage: function(){
  7.     var _that = this;
  8.     wx.chooseImage({
  9.       count: 1,
  10.       sizeType: ['original', 'compressed'],
  11.       sourceType: ['album', 'camera'],
  12.       success(res) {
  13.         // tempFilePath可以作为img标签的src属性显示图片
  14.         const tempFilePaths = res.tempFilePaths
  15.         _that.setData({
  16.           imgsrc: tempFilePaths
  17.         })
  18.       }
  19.     })
  20.   },
  21.   reviewImage: function(){
  22.     var _that = this;
  23.     var imgsrc = _that.data.imgsrc
  24.     wx.previewImage({
  25.       current: imgsrc[0], // 当前显示图片的http链接
  26.       urls: imgsrc // 需要预览的图片http链接列表
  27.     })
  28.   }
  29. })

给image组件绑定了单击事件，单击图片触发reviewImage，在函数内执行wx.previewImage全屏预览图片