微信小程序上传:form-data
choose() {
wx.chooseImage({
count: 1, // 默认最多一次选择1张图
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: res => {
console.log(res, 'chooseImage....')
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
//显示消息提示框
wx.showLoading({
title: '上传中...',
mask: true
})
let self = this
const token = wx.getStorageSync('token')
//上传图片
wx.uploadFile({
url: 'https://xxx.com/api/user/uploadIdCard', // 上传的服务器接口地址
filePath: res.tempFilePaths[0],
name: 'id_card', //上传的所需字段,后端提供
header: {
'X-TOKEN': token
},
formData: {
id_card: res.tempFilePaths[0],
},
success: (res) => {
// 上传完成操作
const url = JSON.parse(res.data).data
const imgRealUrl = url.replace(/\\/, '')
console.log('======上传成功图片地址为:', imgRealUrl)
self.setData({
id_card_img_positive: imgRealUrl
})
wx.hideLoading()
},
fail: (err) => {
//上传失败:修改pedding为reject
console.log(err, '上传失败')
}
});
}
})
},
注意:小程序一定要配置合法上传域名。不然上传不成功。