在小程序里面我们想要进行长按事件的话 在小程序开发文档里面有https://developers.weixin.qq.com/miniprogram/dev/framework/config.html
可以通过delImg对图片进行长按事件的触发
<view class="file" bindlongtap='delImg' wx:for="{{imgUrlList}}" wx:key="FILEID" wx:for-item="value" wx:for-index="index" data-index="{{index}}" >
<input type='hidden' hidden="true" name="FILENAME" value="{{value.FILENAME}}"></input>
<input type='hidden' hidden="true" name="FILEID" value="{{value.FILEID}}"></input>
<input type='hidden' hidden="true" name="FILEURL" value="{{value.FILEURL}}"></input>
<image src="{{value.FILEURL}}" class='phone1'></image>
</view>
通过每张图片的下标我们可以对这些图片进行一一的删除
delImg:function(e){
var that = this,imgUrlList = that.data.imgUrlList,index = e.currentTarget.dataset.index; //获取当前长按图片下标
wx.showModal({
title: '系统提醒',
content: '确定要删除此图片吗?',
success: function (res) {
if (res.confirm) {
imgUrlList.splice(index, 1);
} else if (res.cancel) {
return false;
}
that.setData({
imgUrlList: imgUrlList
});
}
})
},
好啦~ 延时删除就这样,挺简单的