FWQ
案例分享–小程序图片分组上传
在开发小程中,在一个项目需求需要上传多组照片,上传页面部分截图如下: 因为分组比较多,不可能每一组写一个布局,因此使用for循环进行图片的选择显示,首先定义数据 fileList: [{ name: "驾驶证", cid:"0", picimage:[], }, { name: "整车外观", cid: "1", picimage: [], }, { name: "整车铭牌", cid: "2", picimage: [], }, { name: "发动机全貌", cid: "3", picimage: [], },{ name: "增压器全貌", cid: "4", picimage: [], }] 登录后复制 页面布局代码部分就不贴出了,使用循环遇到的问题有:1.调用同一个wx.chooseImage()会出现第二章覆盖第一张;2.所有组同时没法区分。解决办法:1.当选择图片时,将图片concat到数组中去。2.为每一个组设置一个id,当点击选择图片按钮时将id传过去,chooseImage根据所接收到的id选择将图片显示在哪个分组,关键代码如下: chooseWxImage: function (e) { var _this = this; var id = e.currentTarget.dataset.picid;…