Uint8ClampedArray 图像转 jpg/png

Question

我有一个图像存储在我网页的 Uint8ClampedArray 中。 我想将此图像保存在我的服务器上的 jpg/png 文件中。

我可以访问执行此代码的图像：

canvas.putImageData(imgData,0,0);

// create a new img object
var image=new Image();
// set the img.src to the canvas data url
image.src=canvas.toDataURL();

现在在我的 image.src 中有一个很长的字符串来表示图像。

我有两个问题：

• 我需要用canvas来获取img源还是可以获取 不使用它？
• 是否可以在浏览器中将图像转换为 jpg/png 文件 还是我必须在服务器中完成这个过程？

我想更好地了解这个过程是如何工作的。 谢谢你的帮助！！

Answer 1

严格来说，通过在 JS/asm.js/WASM 中从头开始实现自己的 JPEG 编码器，可以不使用画布，但使用画布要容易得多。

要获得 JPEG，您需要的唯一更改是指定类型：toDataURL("image/jpeg")。