javascript - 如何通过 POST 提交 Javascript 生成的位图图像？

Question

如果我create a dynamic bitmap在客户端通过 javascript，我如何通过 POST 或 GET 提交(然后在服务器端从位图中解析出值？NodeJS、PHP 等)

来自 Making Images Byte-by-Byte in Javascript

var src = 'data:image/bmp;base64,' + myBase64EncodedData;

Answer 1

只需上传 base 64 数据。以您喜欢的任何方式在服务器端解析它。

HTML:

<form id="uploadImage" method="POST">
  <input type="hidden" name="imageData64" id="imageData64"/>
  <input type="submit" value="upload"/>
<form>

JS:

document.getElementById('uploadImage').onsubmit = function() {
  document.getElementById('imageData64').value = myBase64EncodedData;
};

或者您可以对 ajax 请求执行相同的操作。

不过您可能不想使用 GET。部分原因是它不合适，您没有从服务器检索任何内容。但更多是因为 GET 对 URL 长度有一些限制，所以你的图片数据可能放不下。 POST 没有这样的限制，因为请求可以有主体，这与 GET 不同。