javascript - 使用XPCOM上传网页文件/图片

Question

我正在使用此处找到的示例。 Mozilla developers

我对这个例子很感兴趣。

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 documentation和 XMLHttpRequest documentation .

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

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

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

那么如果你在服务器端使用PHP；您可以在服务器端访问该字段值，如下所示:

$my_files = $_FILES['fileField'];