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

根据网上的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>