溫馨提示×

XMLHttpRequest能否上傳文件

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

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

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);

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

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女