使用XPCOM在网页上上传文件/图像

Question

我正在使用此处找到的示例。Mozilla 开发者

我对这个例子很感兴趣。

function upload(postUrl, fieldName, filePath)
{
  var formData = new FormData();
  formData.append(fieldName, new File(filePath));
  var req = new XMLHttpRequest();
  req.open("POST", postUrl);
  req.onload = function(event) { alert(event.target.responseText); };
  req.send(formData);
}

但是我不明白这个例子中去了什么。 filePath是可以理解的，但是postUrl，字段名称我可以找到。我正在具有拖放区域以进行图像上传的页面上上传图像。如何使用此功能将图片上传到我的网站上？

Answer 1

查看 FormData 文档和 XMLHttpRequest 文档。

fieldName 其数据包含在值中的（窗体）字段的名称。
postUrl 要将请求发送到的 URL。

您应该有一个响应上传请求的服务器端终结点。
例如：

upload('http://mysite.com/uploader.php', 'fileField', 'path/to/my/file.jpg');

然后，如果您在服务器端使用 PHP;您可以在服务器端访问该字段值，如下所示：

$my_files = $_FILES['fileField'];