小程序选择图片

小程序图片选择器

在这里插入图片描述

<view class="selectImg">
    <view class="imgPic" wx:key="images" wx:for="{{images}}">
      <image src="{{item}}"></image>
      <view class="img-de" data-deindex='{{index}}' bindtap='imgDelete1'><image class='img' src='../../images/del-img.png' style="width:100%;height:100%;"></image></view>
    </view>
    <view bindtap='selectImg' wx:if="{{images.length<9}}">
      <image src="../../images/img-ic.png"></image>
    </view>
</view>
 /**
   * 选择照片
   */
  	selectImg: function(e) {
	    var _this = this;
	    var imgbox = _this.data.images;
	    var picid = e.currentTarget.dataset.pic;
	    console.log(picid)
	    var n = 9;
	    if (9 > imgbox.length > 0) {
	      n = 9 - imgbox.length;
	    } else if (imgbox.length == 9) {
	      n = 1;
	    }

	    wx.chooseImage({
	      count: n,
	      success: function(res){
	        var tempFilePaths = res.tempFilePaths
	 
	        if (imgbox.length == 0) {
	          imgbox = tempFilePaths
	        } else if (9 > imgbox.length) {
	          imgbox = imgbox.concat(tempFilePaths);
	 
	        } else {
	          imgbox[picid] = tempFilePaths[0];
	        }
	        _this.setData({
	          images: imgbox
	        });

      	},
	      fail:function(res) {
	        console.log(res.errMsg)
	      }
	    })
	  },

  // 删除照片 &&
  imgDelete1: function (e) {
	    let that = this;
	    let index = e.currentTarget.dataset.deindex;
	    let imgbox = this.data.images;
	    imgbox.splice(index, 1)
	    that.setData({
	      images: imgbox
	    });
  },```

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值