wx-formdata

封装库地址 https://github.com/zlyboy/wx-formdata#readme
在小程序中使用formdata上传数据，可实现多文件上传
也可使用最新的ts版formdata库https://www.npmjs.com/package/miniprogram-formdata

用法

跟浏览器中的FormData对象类似 引入js文件

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

new一个FormData对象

let formData = new FormData();

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

formData.append("name", "value");
formData.appendFile("file", filepath, "文件名");

添加完成后调用它的getData()生成上传数据，之后调用小程序的wx.request提交请求

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

成员函数

FormData.append()

语法

formData.append(name, value);

参数

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

FormData.appendFile()

语法

formData.appendFile(name, filepath, fileName);

参数

参数名	描述
name	value中包含的数据对应的表单名称
filepath	文件路径
fileName	文件名【可选】

FormData.getData()

语法

let data = formData.getData();

返回值对象属性

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