Question

我想通过JavaScript将HTML网页中的二进制数据发送到服务器，但是服务器接收的字节不相同。收到的字节似乎已转换为unicode字符串，请参见以下示例：

xhr.open('POST', '/check', true);
xhr.setRequestHeader('cache-control', 'no-cache');
xhr.setRequestHeader('Content-Type', 'application/octet-stream');
xhr.send('\x41\xFE\x80');

服务器应收到“Aþ€”，但它得到A├¥┬Ç。

我测试了很多东西，例如：

//xhr.overrideMimeType('text/plain; charset=iso-8859-1');
//xhr.setRequestHeader('Content-type', 'text/plain; charset=iso-8859-1');
//xhr.setRequestHeader('Content-type', 'application/xml; charset=UTF-8');
//xhr.overrideMimeType('text/plain; charset=x-user-defined');
//xhr.overrideMimeType('text\/plain; charset=x-user-defined');

在服务器端，我运行 plackup （ http://localhost:5000/index.html ），并且$env->{'CONTENT_LENGTH'}为5，因此服务器似乎确实获得了5个字节A├¥┬Ç。

任何提示如何接收原始二进制数据都很好。

Answer 1

恕我直言我的Javascript是正确的

不是。正如我在评论中所暗示的那样，对二进制数据使用Uint8Array而不是字符串：

xhr.send(new Uint8Array([0x41, 0xFE, 0x80]));

如果您已经有一个字符串...这应该可以工作：

xhr.send(new Uint8Array(Array.from('\x41\xFE\x80').map(x => x.charCodeAt(0)))

说明：spec for send说：

如果body是Document，则将请求正文设置为body，进行序列化，转换为Unicode并以UTF-8编码。

否则，将请求正文和extractedContentType设置为提取body的结果。

String不是Document，因此第一个选项不适用。在fetch spec中找到“提取”的定义：

USVString：

将action设置为在object上运行UTF-8编码的操作。

将Content-Type设置为text/plain;charset=UTF-8。

将source设置为object。

您会看到字符串的UTF-8编码如下：

new TextEncoder().encode('\x41\xFE\x80')
// => Uint8Array(5) [65, 195, 190, 194, 128]

如何使用纯JavaScript发送二进制数据？

1 个答案: