2

我实际上想使用 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\\"?>

如何检索相同的数据?

4

2 回答 2

1

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

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

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

于 2012-09-06T22:41:53.840 回答
0

好的,我实际上在测试很多解决方案时找到了答案,而我发现的那个有点奇怪。

实际上,我使用函数将数据以 Base64 格式发送到我的服务器FileReader.readAsDataURL()

然后,我split(',')的数据只在我的服务器端获取 Base64 数据我使用解码数据my_base64_data_decoded = base64.b64decode(my_base64_data_encoded)

起初,我使用“boto”将这些数据发送到亚马逊,并使用:序列化数据:cStringIO.StringIO(my_base64_data_decoded)但它没有用。

我创建了一个字典my_dict

我做到了my_dict['data'] = base64.b64decode(my_base64_data_encoded)

然后:cStringIO.StringIO(my_dict['data'])它起作用了。

现在我的问题是在插入字典时对数据做了什么处理?

但至少,我找到了答案。

于 2012-09-07T13:02:40.637 回答