ajax上傳文件的請(qǐng)求

Cobub 發(fā)布于2019-08-21 18:25 / 2151人閱讀

摘要：是發(fā)送的必須是類型注意把設(shè)為，讓不要對(duì)做處理，如果不設(shè)置為，會(huì)把轉(zhuǎn)換為字符串。查看文件上傳的請(qǐng)求頭里，參數(shù)為請(qǐng)求參數(shù)之間的界限標(biāo)識(shí)。也就是說防止覆蓋掉的。

1、data是FormData

發(fā)送的data必須是FormData類型

2、注意processData

把processData設(shè)為false，讓jquery不要對(duì)formData做處理，如果processData不設(shè)置為false，jquery會(huì)把formData轉(zhuǎn)換為字符串。

3、contentType

查看文件上傳的請(qǐng)求頭里Content-Type: multipart/form-data; boundary=OCqxMF6-JxtxoMDHmoG5W5eY9MGRsTBp ，參數(shù)boundary為請(qǐng)求參數(shù)之間的界限標(biāo)識(shí)。
這里的Content-Type不是你設(shè)置的，而是FormData的content-type。

如果jquery請(qǐng)求設(shè)置了contentType，那么就會(huì)覆蓋了formData的content-type,導(dǎo)致服務(wù)器在分隔參數(shù)和文件內(nèi)容時(shí)是找不到boundary，報(bào)no multipart boundary was found錯(cuò)誤

默認(rèn)情況下jquery會(huì)把contentType設(shè)置為application/x-www-form-urlencoded。要jquery不設(shè)置contentType,則需要把contentType設(shè)置為false。

也就是說contentType:false,防止contentType覆蓋掉formData的content-type。

4、example

var data=new FormData();
$.each(files,function (i, file) {
    data.append("file",file);
});
$.ajax({url:"",
        type:"post",
        contentType:false,
        processData:false,
        data:data,
        success:function () {
            console.log("111");
        }
});

云服務(wù)器 GPU云服務(wù)器 ajax上傳文件 ajax文件上傳 ajax實(shí)現(xiàn)文件上傳 Ajax文件上傳庫(kù)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/90454.html

相關(guān)文章

PHP_Ajax

摘要：簡(jiǎn)介業(yè)務(wù)做一個(gè)在線投票，給歌手投票。提交到當(dāng)前頁(yè)面的中達(dá)到效果。用戶名密碼注冊(cè)總結(jié)在不使用對(duì)象的情況下，依然可以用來(lái)實(shí)現(xiàn)對(duì)后臺(tái)服務(wù)器的請(qǐng)求，同時(shí)不帶來(lái)頁(yè)面刷新或者跳轉(zhuǎn)。 ajax 簡(jiǎn)介業(yè)務(wù)：做一個(gè)在線投票，給歌手投票。要求：無(wú)刷新，并且不允許使用XMLHttpRequest對(duì)象.分析:在XHR對(duì)象，沒有流行之前，已經(jīng)有了無(wú)刷新這種效果的方法. 從http角度看，可以利用204 No...

MiracleWong 2019-06-27 15:05 評(píng)論0 收藏0
Ajax上傳多文件

摘要：我們將教你一個(gè)請(qǐng)求上傳多文件的例子。然而，你可以用同樣的辦法上傳單個(gè)文件。在功能方面的進(jìn)步，消除供開發(fā)者使用第三方瀏覽器插件來(lái)處理文件上傳的需要。 AJAX的采用標(biāo)志著的Web歷史上的一個(gè)巨大飛躍。與Web服務(wù)器通信而不需要重新加載頁(yè)面的能力已改變了Web應(yīng)用程序構(gòu)建。動(dòng)態(tài)網(wǎng)站的概念形成以后，AJAX(XMLHttpRequests) 技術(shù)發(fā)展迅速。近年來(lái)XMLHttpRequest...

Warren 2019-08-21 12:35 評(píng)論0 收藏0
ajax與jsonp一點(diǎn)基礎(chǔ)整理

摘要：之所以不能跨域其實(shí)是因?yàn)槭艿酵床呗缘南拗?，只能讓它訪問同源下的數(shù)據(jù)，不能訪問不同源下的數(shù)據(jù)同源策略每個(gè)網(wǎng)站只能讀取同一來(lái)源的數(shù)據(jù)，這里的同一來(lái)源指的是主機(jī)名域名協(xié)議和端口號(hào)的組合。一、Ajax的概念 Ajax是一種技術(shù)方案，但并不是一種新技術(shù)。它依賴的是現(xiàn)有的CSS/HTML/Javascript，而其中最核心的依賴是瀏覽器提供的XMLHttpRequest對(duì)象，是這個(gè)對(duì)象使得瀏...

tomlingtm 2019-08-21 16:57 評(píng)論0 收藏0
WEB之常見工作問題總結(jié)（1-20）

摘要：第三種，使用格式，即在中請(qǐng)求參數(shù)處理跨域問題當(dāng)然請(qǐng)求方式只能是。最后發(fā)現(xiàn)有網(wǎng)友說版本不穩(wěn)定引起的，于是把百度地圖回退到了，結(jié)果還真是可以了。請(qǐng)問在移動(dòng)端頁(yè)面中播放優(yōu)酷里面的視頻，怎樣實(shí)現(xiàn) 1.web掃碼登錄怎么實(shí)現(xiàn)，思路步驟 WEB平臺(tái) 手機(jī) 第1步生成二維碼第2步（ajax監(jiān)控后臺(tái)）掃碼第3步 ...

genedna 2019-08-22 13:40 評(píng)論0 收藏0
antd 和 element上傳文件詳解與FormData詳解

摘要：當(dāng)用戶完成選擇文件動(dòng)作時(shí)，提交子頁(yè)面中的。從此我們上傳文件就歡欣鼓舞的來(lái)找了。因?yàn)榈暮诵氖菍?duì)象，異步的實(shí)現(xiàn)是通過一個(gè)對(duì)象，一般簡(jiǎn)稱該對(duì)象對(duì)。這些回答基于自己理解，如有不妥，希望路過的大神輕噴，指正。背景平時(shí)工作中經(jīng)常會(huì)遇到需要上傳文件的情況，如果你用ant design 或者element ,它們都提供了上傳的組件。我們分別來(lái)看一下element 和 antd 手動(dòng)上傳怎么處理：...

Fundebug 2019-08-23 10:29 評(píng)論0 收藏0
淺談contentType = false

摘要：起初，協(xié)議中沒有上傳文件方面的功能，直到為協(xié)議添加了這個(gè)功能。而我們?cè)谥性O(shè)置為是為了避免對(duì)其操作，從而失去分界符，而使服務(wù)器不能正常解析文件。在剛接觸 JQuery 中的 ajax 時(shí)，對(duì)其 contentType 并沒有很在意，只是知曉它是代表發(fā)送信息至服務(wù)器時(shí)內(nèi)容編碼類型,通俗點(diǎn)說就是告訴服務(wù)器從瀏覽器提交過來(lái)的數(shù)據(jù)格式。默認(rèn)值為contentType = applicatio...

renweihub 2019-08-21 14:38 評(píng)論0 收藏0