因为uniapp不支持直接传输formdata，只提供了uploadFile方法上传文件，但是利用该方法就可以传输formdata了。
第一种：
可以直接使用filePath属性进行空文件传输，只需要设置filePath为空就行了。
function $uploadForm(url, data, filePath=''){
return new Promise((resolve, reject) => {
uni.uploadFile({
header: {
"Authorization": $getToken()
},
url: url,
timeout: 1000*6,
filePath,
formData: data,
success: (res) => {
},
complete: () => {
},
fail: (res) => {
}
})
})
}
调用时，data是个对象即可。
this.$uploadForm(`/xxx`,{xxx:xxx}).then(res=>{})
第二种
使用file属性，无需选择文件，我们自己new个文件即可。
1、封装的上传方法
function $uploadFile(url, file, fileName='file', data){
return new Promise((resolve, reject) => {
uni.uploadFile({
header: {
},
url: url,
timeout: 1000*6,
file: file,
name: fileName,
formData: data,
success: (res) => {
},
complete: () => {
},
fail: (res) => {
}
})
})
}
2、提交formdata
this.$uploadFile(this.testForm.url
,new window.File([new Blob()],'a.txt')
,'file'
, JSON.parse(this.testForm.data)).then(res=>{})
测试结果
文章来源：https://www.toymoban.com/news/detail-519269.html
结尾
通过以上两种方式就能使用uniapp以表单方式提交数据了，虽然多传个file，但是这并不影响接口业务。文章来源地址https://www.toymoban.com/news/detail-519269.html
到了这里，关于uniapp发送formdata表单请求(全网最简单方法)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
