ajax上傳文件的請求

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

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

1、data是FormData

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

2、注意processData

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

3、contentType

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

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

默認情況下jquery會把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實現(xiàn)文件上傳 Ajax文件上傳庫

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/90454.html

相關(guān)文章

PHP_Ajax

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

MiracleWong 2019-06-27 15:05 評論0 收藏0
Ajax上傳多文件

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

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

摘要：之所以不能跨域其實是因為受到同源策略的限制，只能讓它訪問同源下的數(shù)據(jù)，不能訪問不同源下的數(shù)據(jù)同源策略每個網(wǎng)站只能讀取同一來源的數(shù)據(jù)，這里的同一來源指的是主機名域名協(xié)議和端口號的組合。一、Ajax的概念 Ajax是一種技術(shù)方案，但并不是一種新技術(shù)。它依賴的是現(xiàn)有的CSS/HTML/Javascript，而其中最核心的依賴是瀏覽器提供的XMLHttpRequest對象，是這個對象使得瀏...

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

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

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

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

Fundebug 2019-08-23 10:29 評論0 收藏0
淺談contentType = false

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

renweihub 2019-08-21 14:38 評論0 收藏0