微信提交表单到服务器,微信小程序页面表单如何跟图片一起上传服务器

拆开写。

表单提交是 wx.request

上传图片是 wx.uploadFile

你需要写一个通用图片上传接口，上传图片后台返回图片的url。这个通用接口在任何需要提交图片的表单都可以用到。

添加图片的时候就调用图片上传接口，拿到图片的url，存在表单数据里。提交表单按照正常表单那样子提交就好了。

export function uploadFiles(filePath,token){ // 上传文件通用接口

return new Promise((resolve, reject) => {

wx.uploadFile({

url:`${URL_PREV}upload`,

filePath:filePath,

name: 'file',

header:{

'content-type':'multipart/form-data',

'x-token':token

},

success: function(res){

let data = JSON.parse(res.data);

if (data.code==200) {

resolve(data.link);

}else {

reject(data.message);

}

}

})

}).catch(function(e){

wx.showToast({

title: e,

icon: 'none',

duration: 1500

})

});

};