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

Question

大神们；帮忙解决下。

Answer 1

拆开写。
表单提交是 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
    })
  });
};

Answer 2

添加图片是一个接口，拿到图片的url，再跟form一起提交。

Answer 3

先uploadFile上传后返回文件名保存起来，request提交表单放在data{}一起提交

Answer 4

https://developers.weixin.qq....
看文档！看formData