首頁猿問如何使用jQuery.ajax和F...

如何使用jQuery.ajax和FormData上傳文件

JavaScript JQuery

青春有我 2019-10-17 10:19:29

當(dāng)我使用XMLHttpRequest時，使用可以正確上傳文件FormData。但是，當(dāng)我切換到時jQuery.ajax，我的代碼將中斷。這是有效的原始代碼：function uploadFile(blobFile, fileName) { var fd = new FormData(); fd.append("fileToUpload", blobFile); var xhr = new XMLHttpRequest(); xhr.open("POST", "upload.php", true); xhr.send(fd);}這是我失敗的jQuery.ajax嘗試：function uploadFile(blobFile, fileName) { var fd = new FormData(); fd.append("fileToUpload", blobFile); var xm = $.ajax({ url: "upload.php", type: "POST", data: fd, });}我究竟做錯了什么？如何使用AJAX正確上傳文件？

查看完整描述

2 回答

揚帆大魚

TA貢獻1799條經(jīng)驗獲得超9個贊

您必須添加processData:false,contentType:false您的方法，以便jQuery不會更改標頭或數(shù)據(jù)（這會破壞您的當(dāng)前代碼）。

function uploadFile(blobFile, fileName) {

var fd = new FormData();

fd.append("fileToUpload", blobFile);

$.ajax({

url: "upload.php",

type: "POST",

data: fd,

processData: false,

contentType: false,

success: function(response) {

// .. do something

},

error: function(jqXHR, textStatus, errorMessage) {

console.log(errorMessage); // Optional

}

});

}

反對回復(fù) 2019-10-17

慕工程0101907

TA貢獻1887條經(jīng)驗獲得超5個贊

它是一個Blob或File對象，例如，因為<input type="file" id="filechooser">它是document.getElementById('filechooser').files[0]（假設(shè)用戶已選擇一個文件）。（在jQuery中$('#filechooser')[0].files[0]）

反對回復(fù) 2019-10-17