微信小程序-file文件流上传图片
小程序的图片上传功能,官网已给出了比较详细的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();
}
})
})
这样就可以将上传的图片通过文件流传给后台服务器

浙公网安备 33010602011771号