使用wx.uploadFile实现
wx.uploadFile({
url: 'https://接口地址', //上传服务器地址
filePath: '', //要上传文件资源的路径(本地路径)
name: 'file', //文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容
header: { //HTTP 请求 Header,Header 中不能设置 Referer
Authorization: 'Bearer token' //权限
},
formData: {//HTTP 请求中其他额外的 form data
'test': 'test',
'test1': 'test1',
...
},
//上传成功回调
success: (res) => {
//上传成功
console.log('success')
console.log(res)
//res.data为字符串
var data = JSON.parse(res.data); //字符串转为对象
},
//上传失败回调
fail: function(err) {
console.log('fail')
console.log(err);
},
})
使用wx.request封装formdata数据
下载
formData.js mimeMap.js文章来源地址https://www.toymoban.com/news/detail-832272.html
页面中引入js文件
const FormData = require('./formData.js') 根据您存放的位置进行引入哟
使用
1、new一个FormData对象
let formData = new FormData();
2、调用它的append()方法来添加字段或者调用appendFile()方法添加文件
// name value中包含的数据对应的表单名称;value 表单的值
formData.append("name", "value");
//name value中包含的数据对应的表单名称;filepath 文件路径;fileName 文件名【可选】
formData.appendFile("file", filepath, "文件名");
3、添加完成后调用它的getData()生成上传数据
//返回值对象属性:buffer 表单数据的ArrayBuffer对象;contentType http请求Content-Type头部内容
let data = formData.getData();
4、调用小程序的wx.request提交请求
wx.request({
url: 'https://接口地址',
header: {
'content-type': data.contentType
},
data: data.buffer,
success: res => {
},
fail: err => {
}
});
文章来源:https://www.toymoban.com/news/detail-832272.html
到了这里,关于微信小程序formdata格式请求的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!