在BlobBuilder中更改文件名以在XHR上作为FormData传递 [英] Changing filename in BlobBuilder to be passed as FormData on XHR

问题描述

我正在尝试将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标准草案的答案XMLHttpRequest的。基本上我应该改变：

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传递的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！