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

时间:2013-01-29 00:12:28

标签: javascript firefox xpcom imacros

我正在使用此处找到的示例。 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。我正在使用拖放区域进行图像上传的页面上进行图像上传。如何使用此功能在我的网站上传图像?

1 个答案:

答案 0 :(得分:2)

查看FormData documentationXMLHttpRequest documentation

fieldName 其数据包含在值中的(表单)字段的名称。
postUrl 要向其发送请求的网址。

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

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

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

$my_files = $_FILES['fileField'];