数组的增减,以拍照为例

  takephoto(){
    var that = this;
    var arr = this.data.imgList;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success (res) {
        // tempFilePath可以作为img标签的src属性显示图片
        const tempFilePaths = res.tempFilePaths;
        arr.push(tempFilePaths[0]);
        that.setData({
          imgList:arr,
        })
      }
    });
  },
  canclephoto(res){
    var index = res.currentTarget.dataset.index;
    var arr = this.data.imgList;
    arr.splice(index,1);
    this.setData({
      imgList:arr,
    })
  },

wxml

<view style="display:flex;overflow-x: auto;overflow-y: hidden;width:100%;justify-content: flex-start;align-items: center;box-sizing:border-box;padding:20rpx;">
	<view wx:for="{{imgList}}" wx:key="index" style="position:relative;height:80rpx;width:80rpx;margin-right:40rpx;">
		<image src="{{item}}" style="width:80rpx;height:80rpx;" data-set="{{item}}" bindtap="seeclearly"></image>
		<van-icon name="close" color=" #F56C6C" size="15px" style="position:absolute;top:-20rpx;right:-20rpx;" data-set="{{item}}" data-index="{{index}}" bindtap="canclephoto" />
	</view>
</view>

data

imgList: [],
currentImg: "",
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值