快捷導(dǎo)航

uniapp發(fā)送formdata表單請(qǐng)求2種方法(全網(wǎng)最簡單方法)

更新時(shí)間：2023年09月28日 09:53:41 作者：Bug哆哆

這篇文章主要給大家介紹了關(guān)于uniapp發(fā)送formdata表單請(qǐng)求2種方法的相關(guān)資料,本文介紹的方法應(yīng)該是全網(wǎng)最簡單方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下

第一種：

可以直接使用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è)對(duì)象即可。

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表單請(qǐng)求2種方法的文章就介紹到這了,更多相關(guān)uniapp發(fā)送formdata表單請(qǐng)求內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Javascript數(shù)據(jù)結(jié)構(gòu)與算法之列表詳解
這篇文章主要介紹了Javascript數(shù)據(jù)結(jié)構(gòu)與算法之列表詳解,本文講解了列表的抽象數(shù)據(jù)類型定義、如何實(shí)現(xiàn)列表類等內(nèi)容,需要的朋友可以參考下
2015-03-03
Js 回車換行處理的辦法及replace方法應(yīng)用
當(dāng)我們?cè)谖谋究蚶镙斎胛淖智孟禄剀嚭?，希望在提交后網(wǎng)頁也顯示是換行的效果,可往往并不能如愿以償啊，實(shí)在是憤怒啊自己寫了一個(gè)回車換行處理的函數(shù)，感興趣的朋友可以了解下啊，希望本文對(duì)你有所幫助
2013-01-01
簡單實(shí)現(xiàn)js選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了簡單實(shí)現(xiàn)js選項(xiàng)卡切換效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-02-02
ECMAScript6中Set/WeakSet詳解
這篇文章主要介紹了ECMAScript6中Set/WeakSet詳解的相關(guān)資料,需要的朋友可以參考下
2015-06-06
js操作iframe兼容各種主流瀏覽器示例代碼
遇到了操作iframe的相關(guān)問題，其實(shí)就是在操作iframe內(nèi)部某個(gè)窗體時(shí)，調(diào)用父窗體的一個(gè)函數(shù)，下面與大家分享下操作iframe兼容各種瀏覽器的方法
2013-07-07
JavaScript樹型數(shù)據(jù)與一維數(shù)組相互轉(zhuǎn)換方式
這篇文章主要介紹了JavaScript樹型數(shù)據(jù)與一維數(shù)組相互轉(zhuǎn)換方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06
Javascript實(shí)現(xiàn)計(jì)算個(gè)人所得稅
用javascript腳本語言編寫一個(gè)“個(gè)人所得稅計(jì)算器”？計(jì)算公式：所得稅=（月收入-起征額）*10%；重填就是全部清空；十分的實(shí)用，有需要的小伙伴可以參考下。
2015-05-05
firefox中JS讀取XML文件
firefox中JS讀取XML文件...
2006-12-12
JS?中的?Event?Loop?是什么你真的懂
Event Loop，簡單翻譯就是?事件循環(huán)，是 JS 語言下實(shí)現(xiàn)運(yùn)行時(shí)的一個(gè)機(jī)制，這篇文章主要介紹了JS?中的?Event?Loop?的基本知識(shí),需要的朋友可以參考下
2022-06-06
微信jssdk用法匯總
這篇文章主要針對(duì)微信jssdk用法進(jìn)行匯總，通過ready接口處理成功驗(yàn)證、通過error接口處理失敗驗(yàn)證等內(nèi)容介紹，感興趣的小伙伴們可以參考一下
2016-07-07