微信小程序上传单张或多张图片
--
chooseImage: function () { let that = this; let worksImgs = that.data.worksImgs; let len = that.data.worksImgs.length; wx.chooseImage({ count: 9 - len, //最多选择9张图片 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { console.log(res); // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 if (res.tempFilePaths.count == 0) { return; } let tempFilePaths = res.tempFilePaths; // let token = app.data.uptoken; //上传图片 循环提交 for (let i = 0; i < tempFilePaths.length; i++) { wx.uploadFile({ url: 'url', //此处换上你的接口地址 filePath: tempFilePaths[i], name: 'upload_file', header: { "Content-Type": "multipart/form-data", 'accept': 'application/json', }, success: function (res) { console.log(res); let data = JSON.parse(res.data); // 这个很关键 worksImgs.push(data.data.url); that.setData({ worksImgs: worksImgs }) } }) } } }) }, // 删除上传的图片 deleteImg: function (e) { var worksImgs = this.data.worksImgs; var itemIndex = e.currentTarget.dataset.index; worksImgs.splice(itemIndex, 1); this.setData({ worksImgs: worksImgs }) }, // 提交个人作品 submitWorks:function(){ let that = this; let worksImgs = String(that.data.worksImgs); let obj = { store_id: that.data.store_id, mode_id: that.data.mode_id, works_img: worksImgs, works_info: that.data.works_info, is_xs : 1 } if (obj.works_img.length == 0 || obj.works_info == ''){ wx.showModal({ title: '提示', content: '数据不能为空!', showCancel: false, }) }else{ utils.postRequest('Mode/worksAdd', obj, '加载中', (res) => { if (res.data.rc == 200) { wx.showModal({ title: '提示', content: '作品上传成功', showCancel: false, success: function (res) { if (res.confirm) { that.setData({ isUpWork: false }) that.onShow(); } } }) } else { wx.showModal({ title: '提示', content: '作品上传失败', showCancel: false, success: function (res) { if (res.confirm) { that.setData({ isUpWork: false }) that.onShow(); } } }) } }) } },
--
作者:柒月
Q群 :2122210(嵌入式/机器学习)