在JQuery AJAX 中同時發送FormData 和字串資料
處理涉及文件上傳的表單時,需要將文件資料與附加資料結合起來用於提交到伺服器的字串資料。以下是如何在JQuery AJAX 中使用FormData() 來實現此目的:
使用檔案和字串資料建立FormData:
// Create a new FormData object
var fd = new FormData();
// Append file data
for (var i = 0; i 使用AJAX提交資料:
$.ajax({
url: 'submit.php',
data: fd,
contentType: false,
processData: false,
type: 'POST',
success: function (data) {
console.log(data);
},
});
說明:
- serializeArray():此方法以物件陣列的形式擷取表單數據,提供更好的控制每個輸入的名稱和值。
- contentType: false 和 processData: false:這些設定會停用 JQuery 的預設資料處理並允許將原始 FormData 傳送到伺服器。
- 'submit.php':將其替換為將處理文件和字串資料的伺服器端腳本的 URL。
Server-側面注意事項:
要檢索伺服器上的文件和字串數據,可以使用以下程式碼:
// Files
print_r($_FILES);
// Other data
print_r($_POST);
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3