1、上传多图
多图上传的关键在于——渲染
Page({data:{images:[]},upload(){wx.chooseImage({count:9, //获取图片数量sizeType: ['original','compressed'], //图片尺寸：原图、压缩图sourceType: ['camera','album'], //图片来源：相册、相机success: (res) => {let tempFilePath=res.tempFilePathsthis.setData({images:tempFilePath})}})}})
多图上传的关键在于——渲染
<button bindtap="upload">点击上传</button><view class="X-box"><view wx:for="{{images}}" class="box" wx:key="index"><image src="{{item}}" mode="" /></view></view>
/* pages/upload/index.wxss */.X-box {width: 100vw;.box {float: left;width: 33%;display: flex;flex-direction: row;justify-content: space-around;image {width: 90px;height: 90px;// margin-bottom: 10px;margin-top: 10px;}}}
2、预览图片（wx.previewImage）
重点：
1、给image设置一个自定义属性index
2、保存该方法的this指向
3、重点利用data中的存放图片的集合数组
<view class="X-box"><view wx:for="{{images}}" class="box" wx:key="index"><image src="{{item}}" mode="" bindtap="look" data-index="{{index}}"/></view></view>
look(e){console.log(e);let index=e.target.dataset.index //通过 index 属性拿到当前被选中的图片let that=this //保存 this 指向wx.previewImage({ current:that.data.images[index], //获取所要预览图片的链接 urls:that.data.images //上传的全部图片})},
3、长按删除图片
重点：
1、保存this指向
2、拿到data数据中的存放图片集合的数组
3、声明变量index用来标志被选中的图片
4、删除提示wx.showModal
del(e){var that=thisvar images=that.data.imagesvar index=e.currentTarget.dataset.indexwx.showModal({title:'提示',content:'确定要删除此图片吗？',success:(res)=>{if(res.confirm){images.splice(index,1)}else if(res.calcel){return false}that.setData({images})}})}
