小程序的图片上传功能,官网已给出了比较详细的API(image)
这里说下将上传后的图片提交给服务器,但是微信的上传图片功能不支持批量上传,所以目前只能通过for循环进行上传到服务器
uni.showLoading({ title: '正在上传', }) this.imgPaths.forEach((item,index) => { uni.uploadFile({ url:api.busines.uploadImg, // 后台服务URL filePath: item, // 微信返回的临时图片地址 name: 'files', header:{ "Content-Type": "multipart/form-data" }, formData:{// 其他参数 siteId: that.siteId }, success: (res) => { let result = JSON.parse(res.data) if (index === (this.imgPaths.length - 1)) {// 判断是否为最后一个图片 if (result.code === enums.code.REQUEST_SUCCESS) { uni.showModal({ title:"温馨提示", content:"上传成功", showCancel: false, success:function(res){ let pages = getCurrentPages() // #ifdef MP-WEIXIN let previousPage = pages[pages.length - 2].$vm //上一个页面 // #endif // #ifdef H5 let previousPage = pages[pages.length - 2] //上一个页面 // #endif previousPage.setData({ isShowImg: false }) uni.navigateBack({ delta: 1 }); } }) } else {// 错误提示 uni.showModal({ title:"温馨提示", content:result.message, showCancel: false, success:function(res){} }) uni.showToast({ title: result.message, icon: "none", duration: 3000 }) } uni.hideLoading(); } }) })
这样就可以将上传的图片通过文件流传给后台服务器