Skip to content

在小程序中使用formdata上传数据,可实现多文件上传

Notifications You must be signed in to change notification settings

Lijie0981/wx-formdata

 
 

Repository files navigation

wx-formdata

在小程序中使用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);

参数

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

FormData.getData()

语法

let data = formData.getData();

返回值对象属性

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

About

在小程序中使用formdata上传数据,可实现多文件上传

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 54.7%
  • JavaScript 22.2%
  • TypeScript 13.1%
  • CSS 10.0%