uniapp發(fā)送formdata表單請求2種方法(全網(wǎng)最簡單方法)
因?yàn)閡niapp不支持直接傳輸formdata,只提供了uploadFile方法上傳文件,但是利用該方法就可以傳輸formdata了。
第一種:
可以直接使用filePath屬性進(jìn)行空文件傳輸,只需要設(shè)置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) => { } }) }) }
調(diào)用時(shí),data是個(gè)對象即可。
this.$uploadForm(`/xxx`,{xxx:xxx}).then(res=>{})
第二種
使用file屬性,無需選擇文件,我們自己new個(gè)文件即可。
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=>{})
測試結(jié)果
結(jié)尾
通過以上兩種方式就能使用uniapp以表單方式提交數(shù)據(jù)了,雖然多傳個(gè)file,但是這并不影響接口業(yè)務(wù)。
到此這篇關(guān)于uniapp發(fā)送formdata表單請求2種方法的文章就介紹到這了,更多相關(guān)uniapp發(fā)送formdata表單請求內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
博客側(cè)邊欄模塊跟隨滾動(dòng)條滑動(dòng)固定效果的實(shí)現(xiàn)方法(js+jquery等)
現(xiàn)在很多的獨(dú)立博客和網(wǎng)站如人人網(wǎng)等,都使用了讓側(cè)邊欄模塊隨滾動(dòng)條滑動(dòng)而位置固定的效果2013-03-03Electron點(diǎn)擊穿透不規(guī)則窗體的透明區(qū)域的實(shí)現(xiàn)
本文主要介紹了Electron點(diǎn)擊穿透不規(guī)則窗體的透明區(qū)域的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09微信小程序?qū)崿F(xiàn)滑動(dòng)側(cè)邊欄
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滑動(dòng)側(cè)邊欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07JavaScript直播評論發(fā)彈幕切圖功能點(diǎn)集合效果代碼
這篇文章主要介紹了JavaScript直播評論發(fā)彈幕切圖功能點(diǎn)集合效果代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06一文帶你玩轉(zhuǎn)JavaScript的箭頭函數(shù)
在ES6中新增了函數(shù)的簡寫方式----箭頭函數(shù),箭頭函數(shù)的出現(xiàn)不僅簡化了大量代碼,也讓代碼看起來更加優(yōu)雅,同時(shí)也解決了this指向問題,下面我們就來詳細(xì)講解如何玩轉(zhuǎn)箭頭函數(shù)2022-09-09webpack5新特性Asset?Modules資源模塊詳解
這篇文章主要為大家介紹了webpack5新特性Asset?Modules資源模塊詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03JS實(shí)現(xiàn)數(shù)組去重復(fù)值的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)數(shù)組去重復(fù)值的方法,結(jié)合實(shí)例形式分析了JS通過數(shù)組遍歷、運(yùn)算等方法實(shí)現(xiàn)去重復(fù)值的操作技巧,需要的朋友可以參考下2017-02-02