你们都是坏人 2018-12-03 10:23 采纳率: 33.3%
浏览 547
已结题

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

根据网上的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条回答 默认 最新

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

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

    评论

报告相同问题?

悬赏问题

  • ¥15 spss统计中二分类变量和有序变量的相关性分析可以用kendall相关分析吗?
  • ¥15 拟通过pc下指令到安卓系统,如果追求响应速度,尽可能无延迟,是不是用安卓模拟器会优于实体的安卓手机?如果是,可以快多少毫秒?
  • ¥20 神经网络Sequential name=sequential, built=False
  • ¥16 Qphython 用xlrd读取excel报错
  • ¥15 单片机学习顺序问题!!
  • ¥15 ikuai客户端多拨vpn,重启总是有个别重拨不上
  • ¥20 关于#anlogic#sdram#的问题,如何解决?(关键词-performance)
  • ¥15 相敏解调 matlab
  • ¥15 求lingo代码和思路
  • ¥15 公交车和无人机协同运输