手机oneplus 5 系统安卓8.1.0 微信版本6.6.7 代码片段 wxml <view class="page__img"> <view class="section section_gap" > <view class="section__ctn"> <view wx:for="{{srcarr}}" wx:key="key"  class='imgblock'> <image wx:if="{{index==srclength-1}}"  catchtap="bindaddimg" style="width: 105rpx; height: 105rpx;margin-right:14rpx;margin-left:14rpx; background-color: #eeeeee; display:{{srclength<6?'block':'none'}}"  src="{{item}}"></image> <image wx:else="{{index!==srclength}}" catchtouchstart="start" catchtouchend="touchend" data-index="{{index}}" style="width: 105rpx; height: 105rpx;margin-right:14rpx;margin-left:14rpx; background-color: #eeeeee;"  src="{{item}}"></image> <image class="deleteimg"  wx:for-index="deleteIndex"style="display:{{imgIndex[index]==true?'block':'none'}}" bindtap="shutimg" wx:if="{{index!==srclength-1}}" data-id="{{index}}" src='../../images/checkimg.png'></image> </view> </view> </view> </view> sxcss: .currentImgNumber{ font-size:24rpx; position:absolute; right:0; bottom:-6px; color: #b9b9b9; } .imgblock{ display: inline-block; position: relative; } .deleteimg{ position: absolute; right: -15rpx; top:-15rpx; font-size: 24rpx; z-index: 1000; width:46rpx; height: 46rpx; border: 0rpx solid #dcdddd!important; } js: bindaddimg: function (e) { //添加图片 var imgs = this.data.srcarr; var c = this.data.srcarr; var that = this; var nowCount = this.data.srclength - 1; wx.chooseImage({ count: 5 - nowCount, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success: function (res) { // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = res.tempFilePaths; for (var i = 0; i < tempFilePaths.length; i++) { http.uploadFile('/miniApp/uploadImg', tempFilePaths[i], function (data) { var data = JSON.parse(data) var imgs = that.data.srcarr; var image = [data[0].url]; var c = image.concat(imgs); if (image) { that.data.currentImgNumber = that.data.currentImgNumber + 1; } var len = that.data.currentImgNumber; that.setData({ currentImgNumber: len, srcarr: c, srclength: c.length, selectImg: [], imgIndex: { //选择要删除的图片的下标默认全是false 0: true, 1: true, 2: true, 3: true, 4: true } }); }, function (res) { }) } } }) },