使用Ajax XmlHttpRequest上传文件

使用Ajax XmlHttpRequest上传文件

1. 没有这样的事情

   xhr.file = file;

   ; 文件对象不应该以这种方式附加。

2. xhr.send(file)

   不发送文件。您必须使用

   FormData

   对象将文件包装到

   multipart/form-data

   post数据对象中：

   var formData = new FormData();

   formData.append(“thefile”, file);
   xhr.send(formData);
   

之后，可以访问文件

$_FILES['thefile']

（如果您使用的是PHP）。

编辑
：（2）以上不正确。它确实发送了文件，但是会将其作为原始发布数据发送。这意味着您必须自己在服务器上解析它（通常不可能，取决于服务器配置）。在此处阅读如何在PHP中获取原始发布数据。