小程序图片预览保存

一、API

wx.previewImage({
  current: '',//此处需要http链接图片
  urls: [''],//http链接图片数组
  success: function (res) { },
  fail: function (res) { },
  complete: function (res) { },
})

二、wxml

<view class='flex-box img-container'>
   <view class='flex-item flex-box'>
      <image src='{{imgSrcList[0]}}' data-src='{{imgSrcList[0]}}'
       mode='aspectFit' bindtap="previeImg">image>
   view>
   <view class='flex-item flex-box'>
      <image src='{{imgSrcList[1]}}' data-src='{{imgSrcList[0]}}'
       mode='aspectFit' bindtap="previeImg">image>
   view>
   <view class='flex-item flex-box'>
      <image src='{{imgSrcList[2]}}' data-src='{{imgSrcList[0]}}'
       mode='aspectFit' bindtap="previeImg">image>
   view>
 view>

三、测试图片
小程序图片预览保存_第1张图片

小程序图片预览保存_第2张图片

小程序图片预览保存_第3张图片

你可能感兴趣的:(其他)