ajax上傳文件的請求

Cobub 發布于2019-08-21 18:25 / 2128人閱讀

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

1、data是FormData

發送的data必須是FormData類型

2、注意processData

把processData設為false，讓jquery不要對formData做處理，如果processData不設置為false，jquery會把formData轉換為字符串。

3、contentType

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

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

默認情況下jquery會把contentType設置為application/x-www-form-urlencoded。要jquery不設置contentType,則需要把contentType設置為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");
        }
});

云服務器 GPU云服務器 ajax上傳文件 ajax文件上傳 ajax實現文件上傳 Ajax文件上傳庫

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90454.html

PHP_Ajax

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

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

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

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

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

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

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

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

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

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

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

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