小程序
小游戏
企业微信
微信支付
扫描小程序码分享
上传的多张图片，删除的时候不能随机（即用户点击哪张就删除哪张）删除，总是按顺序删除
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
取到它的下标存起来，根据下标就可以想删哪张删哪张了
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
谢谢大佬，已解决
妹子加油~
thank you! You too!
删除的话点击传下标用splice根据下标删除的
给你个参考吧：
// 删除图片
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>
好的，我试试，谢谢
客户的需求是，当点击图片的时候，弹出模态框，有删除，查看，取消三个按钮，当点击删除的时候，删除图片，亲的意思我明白
你在删除按钮里面添加一个data-index="{{index}}" 通过点击事件的时候 this.data.images.splice(e.currentTarget.dataset.index,1) this.setData({
images:this.data.images
好的，我试试，感谢
我看了一下，我就是那么写的，但是无论点击哪一张，都是从最后一张开始删除的
你看看你点击删除的图片的索引是不是错了。问题可能是在你循环的时候index是嵌套的导致的。或者你截图你点击事件的代码看看。
好的
这是上传图片
对，就是用的push
哦哦。。你这还在选图啊。。应该就是楼上说的问题哦。。
我就是那么写的，但是当我随便点击一张图片删除的时候，还是从最后一张开始删除
wxml 和删除时候的js 贴一下呢
大神求助------ 微信小程序苹果真机下拉刷新时，导航fixed后不随页面下拉移动，怎么解 。。。
你是用的push往数组里加的吧。。建议你用 list[index]
方便加一下微信吗？还有问题请教大神
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
取到它的下标存起来，根据下标就可以想删哪张删哪张了
谢谢大佬，已解决
妹子加油~
thank you! You too!
删除的话点击传下标用splice根据下标删除的
给你个参考吧：
// 删除图片
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
})
好的，我试试，感谢
我看了一下，我就是那么写的，但是无论点击哪一张，都是从最后一张开始删除的
你看看你点击删除的图片的索引是不是错了。问题可能是在你循环的时候index是嵌套的导致的。或者你截图你点击事件的代码看看。
好的
哦哦。。你这还在选图啊。。应该就是楼上说的问题哦。。
我就是那么写的，但是当我随便点击一张图片删除的时候，还是从最后一张开始删除
wxml 和删除时候的js 贴一下呢
好的![]()
![]()
![]()
![]()
大神求助------ 微信小程序苹果真机下拉刷新时，导航fixed后不随页面下拉移动，怎么解 。。。
你是用的push往数组里加的吧。。建议你用 list[index]
方便加一下微信吗？还有问题请教大神