使用 IE11 的工作程序使用 multipart/form-data 发送二进制数据

我正在尝试发送multipart/form-data来自 IE 的工作人员。我已经使用 Chrome、Firefox、Safari 完成了此操作formData对象（不支持IE，我需要一个手动的）

我发送的二进制数据是 crypto-js 加密数据。和formData我做的对象：

var enc = new Buffer(encrypted.ciphertext.toString(CryptoJS.enc.Base64), 'base64');
formData.append("userFile" , new Blob([finalEncrypted], {type: 'application/octet-binary'}), 'encrypted')
this works fine generating a multipart like this(missed some parts of it):

请求标头：

Accept:*/*
Accept-Encoding:gzip, deflate
Cache-Control:no-cache
Connection:keep-alive
Content-Length:30194
Content-Type:multipart/form-data; boundary=WebKitFormBoundary0.gjepwugw5cy58kt9

body:

--WebKitFormBoundary0.gjepwugw5cy58kt9
Content-Disposition: form-data; name="userFile"; filename="encrypted"
Content-Type: binary

所有二进制数据

--WebKitFormBoundary0.cpe3c80eodgc766r--

随说明书multipart/form-data:

IE11 doesn't accept readAsBinaryString(deprecated)

我想避免发送 base64 编码数据(readAsDataURL)(33% 有效负载)

我发送的二进制数据是 crypto-js 加密数据。 我想：

finalEncrypted = new Buffer(encrypted.ciphertext.toString(CryptoJS.enc.Base64), 'base64');

然后在我的手动多部分中，我尝试将缓冲区转换为二进制字符串：

item.toString('binary')

多部分结果看起来如下：

--WebKitFormBoundary642013568702052
Content-Disposition: form-data; name="userfile"; filename="encrypted"
Content-Type: binary

所有二进制数据

ÐçÀôpRö3§]g7,UOÂmR¤¼ÚS"Ê÷UcíMÆÎÚà/,hy¼øsËÂú@WcGvºÆÞ²i¨¬Ç~÷®}éá?'é·J]þ3«áEÁÞ,4üBçðºÇª bUÈú4
T\Ãõ=òEnýR  _[1J\O-ïǹ C¨\Ûøü^%éÓÁóJNÓï¹LsXâx>\aÁV×Þ^÷·{|­'

在 .NET 服务器上，我们检查客户端计算的哈希值与服务器计算的哈希值。服务器回复哈希值不匹配。这让我认为我没有正确发送文件。

看来您还没有找到解决方案，至少如果您有解决方案的话，您没有将其发布在这里。

最后，我使用 jQuery 来处理实际帖子的低级细节。

可能是您做错了一件小事而 IE 失败了。因为您没有显示您使用 FormData 的内容。很难看出你那里是否有错误。

// step 1. setup POST data
var data = new FormData();
data.append("some_variable_name", "value_for_that_variable");
data.append("some_blob_var_name", my_blob);
data.append("some_file_var_name", my_file);

// step 2. options
var ajax_options =
    {
        method: "POST",
        processData: false,
        data: data,
        contentType: false,
        error: function(jqxhr, result_status, error_msg)
        {
            // react on errors
        },
        success: function(data, result_status, jqxhr)
        {
            // react on success
        },
        complete: function(jqxhr, result_status)
        {
            // react on completion (after error/success callbacks)
        },
        dataType: "xml" // server is expected to return XML only
    };

// step 3. send
jQuery.ajax(uri, ajax_options);

Step 1.

创建一个FormData对象并填充表单数据，包括变量和文件。您甚至可以添加blobs（JavaScript 对象，将被转换为JSON如果我是对的。）

Step 2.

创建一个ajax_options反对你的喜好。虽然我在这里向您展示method, processData, data, contentType因为它们必须是以防万一您想发送FormData。至少，这对我有用......也许可以改变其中一些价值观。

dataType 应设置为您期望返回的任何类型。

Step 3.

使用发送请求ajax() http://api.jquery.com/jquery.ajax/来自 jQuery 库的函数。它将根据客户端浏览器的需要构建正确的标头和结果。