xinhao_
你们都是坏人
采纳率33.3%
2018-12-03 10:23 阅读 523

小程序 分组多图上传问题求助。

5

根据网上的demo,可以做到单组上传,
但是多组上传时,图片都一致了。。。
如下图
图片说明
求助 帮忙修改一下代码,使得可以实现 分组上传,

                js代码如下:

   data: {
        img_arr: [], //图片上传
        index: 0,
    },
 // 预览图片
    previewImg: function(e) {
        //获取当前图片的下标
        var index = e.currentTarget.dataset.index;
        //所有图片
        var imgs = this.data.img_arr;
        wx.previewImage({
            //当前显示图片
            current: imgs[index],
            //所有图片
            urls: imgs
        })
    },
    // 删除图片
    deleteImg: function(e) {
        console.log("开始删除图片");
        var imgs = this.data.img_arr;
        var index = e.currentTarget.dataset.index;
        imgs.splice(index, 1);
        this.setData({
            img_arr: imgs
        });
    },
    //单击上传了图片
    upimg: function(e) {
        var that = this;
        var id = e.currentTarget.dataset.id; //获取id
        if (this.data.img_arr.length < 1) {
            wx.chooseImage({
                count: 1,
                sizeType: ['original', 'compressed'],
                success: function(res) {
                    that.setData({
                        img_arr: that.data.img_arr.concat(res.tempFilePaths)
                    })
                }
            })
        } else {
            wx.showToast({
                title: '只能上传一张图片',
                duration: 3000
            });
        }
    },


wxml页面

 <block wx:for-items="{{getimg}}" wx:key="key">
    <view class="guestbook-img">
    <image data-id="{{index+1}}" bindtap="upimg" class="guestbook-img-jia" src="..images/feedback_picture.png"></image>
    <view class="guestbook-img-list">
        <view wx:for="{{img_arr}}" wx:key="key"  class="img-list">
            <view class="close" catchtap="deleteImg"></view>
            <image data-index="{{index}}" catchtap="previewImg" src="{{item}}"></image>
        </view>
    </view>
   </view>
</block>

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • xinhao_ 你们都是坏人 2018-12-04 03:48

    没有人吗?大神们,求助!!!!!!!!

    点赞 评论 复制链接分享
  • weixin_41677592 weixin_41677592 2018-12-05 07:18

    你用的组件用的是同一个数组名字 当然会一样啊 换个key值就好了

    点赞 评论 复制链接分享

相关推荐