微信小程序 请求头为multipart/form-data的处理方法

1,354 阅读1分钟

1、在项目中引入wx-formData

image.png

2、API

2.1 FormData.append()

语法:

formData.append(name, value);

参数:

参数名称描述
namevalue中包含的数据对应的表单名称
value表单的值

2.2 FormData.appendFile()

语法:

formData.appendFile(name, filepath);

参数:

参数名称描述
namevalue中包含的数据对应的表单名称
value文件路径

2.3 FormData.getData()

语法:

let data = formData.getData();

参数:

属性名描述
buffer表单数据的ArrayBuffer对象
contentTypehttp请求Content-Type头部内容

3、用法

3.1 引入js文件

const FormData = require('./formData.js')

3.2 创建formData对象

let formData = new FormData();

3.3 调用它的append()方法来添加字段或者调用appendFile()方法添加文件

formData.appendFile("file", files.tempFilePaths[0]);
formData.append("bucketName", "BUSINESS_LICENSE");

3.4 调用getData()获取数据,调用wx.request

let data = formData.getData();
wx.request({
  url: 'https://接口地址',
  header: {
    'content-type': data.contentType
  },
  data: data.buffer,
});

效果: image.png