小程序官方提供的api wx.uploadFile一次只能上传一个文件,Multipart实现了一般的表单上传,无文件数量限制
- 直接传递给构造函数
const Multipart=require('wx-multipart') //小程序中使用可以直接复制dist目录下的Multipart.min.js文件
const fields=[{
name:'username',
value:'小黄'
},{
name:'number',
value:'13812345678'
}]
const files=[{
filePath:'http://example.png'
}]
new Multipart({
fields,
files
}).submit('http://localhost:3000/upload')
- 单个字段和文件添加
const Multipart=require('wx-multipart')
let m=new Multipart({files:[], fields:[]})
m.field({
name:'username',
value:'小黄'
})
m.file({
filePath:'http://example.png'
})
m.file({
filePath:'http://example2.png'
})
m.submit('http://localhost:3000/upload')
new Multipart(config)
- Multipart.prototype.field(field)
增加表单字段 - Multipart.prototype.file(file)
增加文件 - Multipart.prototype.submit(url)
上传表单
examples文件夹下有两个目录
- backend
后端 - wx_demo
小程序
- 运行后端
npm i
npm run build
npm run test
- 测试小程序 用微信开发者工具打开wx_demo,提交表单后,上传的文件保存在./examples/tempFiles