温馨提示×

XMLHttpRequest能否上传文件

小樊
241
2024-06-19 16:04:05
栏目: 编程语言

是的,XMLHttpRequest对象可以用来上传文件。可以使用FormData对象将文件添加到请求中,然后使用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