jquery - multipart/form-data 使用什么编码？是否可以使用 JQuery 对数据进行编码？

Question

我实际上想使用 jQuery 将图片发送到我的服务器，而不使用 html 表单。但我想检索与使用编码类型的 html 表单收到的相同数据:

multipart/form-data

我使用了 HTML5 FileReader:http://www.html5rocks.com/en/tutorials/file/dndfiles/

但是当我使用 FileReader.readAsText(Blob|File, opt_encoding) 函数时。我检索到的数据的编码方式与 html 表单的编码方式不同。

“multipart/form-data”使用什么编码？是否可以在将数据发送到我的服务器之前使用 jquery 或 javascript 对数据进行编码？

//编辑

来自 w3schools:http://www.w3schools.com/html5/att_form_enctype.asp

multipart/form-data ==> 没有字符被编码。当您使用具有文件上传控件的表单时，需要此值

我遇到的问题是，当我从 FileReader 检索数据时，它与 HTML 表单数据中的数据不同。

对于同一张图片: 带有 html 表单:

\xff\xd8\xff\xe1\x00\x18Exif\x00\x00II*\x00\x08\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\xff\xec\x00\x11Ducky\x00\x01\x00\x04\x00\x00\x00U\x00\x00\xff\xe1\x03)http://ns.adobe.com/xap/1.0/\x00<?xpacket begin="\xef\xbb\xbf" id="W5M0MpCehiHzreSzNTczkc9d"?>...

使用 FileReader.readAsText():

\xc3\xbf\xc3\x98\xc3\xbf\xc3\xa1\\u0000\\u0018Exif\\u0000\\u0000II*\\u0000\\b\\u0000\\u0000\\u0000\\u0000\\u0000\\u0000\\u0000\\u0000\\u0000\\u0000\\u0000\xc3\xbf\xc3\xac\\u0000\\u0011Ducky\\u0000\\u0001\\u0000\\u0004\\u0000\\u0000\\u0000U\\u0000\\u0000\xc3\xbf\xc3\xa1\\u0003)http://ns.adobe.com/xap/1.0/\\u0000<?xpacket begin=\\"\xc3\xaf\xc2\xbb\xc2\xbf\\" id=\\"W5M0MpCehiHzreSzNTczkc9d\\"?>

如何检索相同的数据？

Answer 1

您应该使用FileReader.readAsBinaryString获取非文本文件的文件内容。

此外，当您尝试发送数据时，它将被编码，为了防止这种情况，您可以使用 XMLHttpRequest.sendAsBinary ，它是非标准的，仅在 Gecko(firefox) 中可用。这是一个使用 Uint8Array 的填充程序。

if (!XMLHttpRequest.prototype.sendAsBinary){
    XMLHttpRequest.prototype.sendAsBinary = function(datastr) {
        function byteValue(x) {
            return x.charCodeAt(0) & 0xff;
        }
        var ords = Array.prototype.map.call(datastr, byteValue);
        var ui8a = new Uint8Array(ords);
        this.send(ui8a.buffer);
    }
}

当然，这都是微不足道的，因为支持 File Api 和 Uint8Array 的浏览器也支持 FormData