溫馨提示×

XMLHttpRequest能否上傳文件

小樊
180
2024-06-19 16:04:05
欄目: 編程語言

是的，XMLHttpRequest對象可以用來上傳文件?？梢允褂肍ormData對象將文件添加到請求中，然后使用XMLHttpRequest對象將文件發(fā)送到服務(wù)器。以下是一個簡單的示例代碼：

var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];

var formData = new FormData();
formData.append('file', file);

var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('File uploaded successfully');
  } else {
    console.log('File upload failed');
  }
};
xhr.send(formData);

在上面的示例中，我們首先獲取文件輸入框中用戶選擇的文件，然后創(chuàng)建一個FormData對象并將文件添加到其中。接著我們創(chuàng)建一個XMLHttpRequest對象，設(shè)置請求的方式為POST，并將FormData對象發(fā)送到服務(wù)器。當(dāng)上傳完成后，我們可以根據(jù)XMLHttpRequest對象的狀態(tài)碼來判斷上傳的成功與否。

0 踩