问题描述
我正在尝试将ArrayBuffer上传到服务器(我无法更改),期望我以多部分/表格数据格式上传文件。服务器从 Content-Disposition
部分中提取将保存的文件名
并在内容下-type
提供文件时将使用的MIME类型。目前,我成功上传文件:
I'm currently trying to upload an ArrayBuffer to a server (which i can't change) that expects the file i'm uploading on a multipart/form-data format. The server extracts from the Content-Disposition
part the filename
that will be saved and under Content-type
the MIME type which will be used when serving the file. Currently, i'm succesful on uploading the file with:
var xhr = new XMLHttpRequest();
var fdata = new FormData();
var bb;
if (WebKitBlobBuilder) {
bb = new WebKitBlobBuilder();
} else if (MozBlobBuilder) {
bb = new MozBlobBuilder();
} else if (BlobBuilder) {
bb = new BlobBuilder();
}
bb.append(obj.array);
fdata.append('file', bb.getBlob("application/octet-stream"));
xhr.open("POST", url, true);
xhr.send(fdata);
但是标题会像浏览器一样在Chrome上发送,例如:
But the headers are sent as the browser likes, on Chrome for example:
Content-Disposition: form-data; name="file"; filename="blob"
Content-Type: application/octet-stream;
我打算用FileWriter API将其保存到临时文件然后上传,但那只是是不对。
I've contemplated saving it to a temporary file with FileWriter API and then upload it, but that just isn't right.
在回答时,请考虑:
- 无法修改服务器,也不愿意选择其他服务器提供商。
- 它必须至少在Firefox和Chrome上运行(我的应用程序是alredy)限于这两个浏览器)。
推荐答案
由于Chromium问题,我自己解决了这个问题指向我关于w3c标准草案。基本上我应该改变:
Just solved it myself, thanks to a Chromium issue pointing me to the answer on w3c standard draft XMLHttpRequest. Basically i should change:
fdata.append('file', bb.getBlob("application/octet-stream"));
to:
fdata.append('file', bb.getBlob("application/octet-stream"), obj.filename);
它可以得到理想的结果。
And it gives the desired result.
这篇关于在BlobBuilder中更改文件名以在XHR上作为FormData传递的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!