javascript - XMLHttpRequest 上传带参数的文件

Question

我想使用 Safari 5.1 的 XMLHTTRequest 上传文件并在 POST 请求中传递参数。如何实现？它应该在不使用任何 API 的情况下使用纯 javascript，我这样做是因为 Safari 不支持 FileReader 5.1 版本。

var fd = new FormData();
fd.append('file', $files[i]);
var xhr = new XMLHttpRequest();
xhr.addEventListener("load", function(){alert("Done!");}, false);
xhr.open("POST", url.getUrl('myurl'));
xhr.send(fd);

上面这段代码是否正确？如何给POST请求传递参数。

Answer 1

代码看起来不错。如果您想将其他参数传递给 POST，则必须将它们添加到 FormData。

var fd = new FormData();
// here the POST parameters
fd.append('parameter1', 'XXXX' );
fd.append('parameter2', 'YYYY' );
// The rest of your code
fd.append('file', $files[i]);
...

编辑:不过我不确定 Safari 5.1 是否支持此功能