上传多张图片问题
上传的多张图片,删除的时候不能随机(即用户点击哪张就删除哪张)删除,总是按顺序删除
上传的多张图片,删除的时候不能随机(即用户点击哪张就删除哪张)删除,总是按顺序删除
给你个参考吧:
// 删除图片
TrashImg: function (e) {
var arr = []
for (var i = 0; i < this.data.imgList.length; i++) {
if (i != e.target.dataset.idx)
arr.push(this.data.imgList[i])
}
this.data.imgList = arr
this.setData({
imgList: this.data.imgList,
uploadMore: true
})
}
然后把 TrashImg 放在图片上:
<view class=‘upload-list’>
<block wx:for-items=‘{{imgList}}’ wx:key=‘imgList’ wx:for-index=‘idx’>
<view class=‘upload-item upload-image’>
<image src=‘{{item}}’ bindlongpress=‘TrashImg’ data-idx=‘{{idx}}’ mode=‘aspectFit’ />
</view>
</block>
<view class=‘upload-item btn-upload’ wx:if=‘{{uploadMore}}’>
<text bindtap=‘ChooseImg’></text>
</view>
</view>
你在删除按钮里面添加一个data-index=“{{index}}” 通过点击事件的时候this.data.images.splice(e.currentTarget.dataset.index,1)this.setData({
images:this.data.images
})