javascript - 使用 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 、 fieldName 。我正在处理具有用于图像上传的拖放区域的页面上的图像上传。如何使用此功能将图像上传到我的网站？

Answer 1

查看FormData 文档和XMLHttpRequest 文档。

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

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

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

然后，如果您在服务器端使用 PHP；您可以像这样在服务器端访问该字段值：

$my_files = $_FILES['fileField'];