JavaScript - 将图像作为二进制数据发送到服务器

【问题标题】：JavaScript - send image to server as binary dataJavaScript - 将图像作为二进制数据发送到服务器
【发布时间】：2020-12-12 20:14:06
【问题描述】：

我有一个图像对象

   var ctx = canvas.getContext('2d');
   ctx.drawImage(imageBitmap, 0, 0);
   var imgData=ctx.getImageData(0,0,W,H);

我现在如何使用 POST 方法将imgData 作为二进制数据（或字符串）传递给服务器？

【问题讨论】：

【解决方案1】：

首先，您必须获取图像的字节数组。很简单：

let bytes = imgData.data

然后，向服务器发送字节。也很简单：

fetch('https://example.net/',{method: 'POST', body: bytes}).then((res) => ...)

但是，事实上，它们接收原始图像数据的服务器很少。实际发送jpeg压缩、base64编码等处理后的数据。

【讨论】：