Javascript Uint8ClampedArray图像到jpg/png

Javascript Uint8ClampedArray图像到jpg/png,javascript,canvas,png,jpeg,Javascript,Canvas,Png,Jpeg,我的网页中有一个图像存储在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(); 现在在my image.src中,我有

我的网页中有一个图像存储在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();
现在在my image.src中,我有一个非常长的字符串,它表示图像

我有两个问题:

  • 我是否需要使用画布来获取img源代码,或者我可以获取它 不使用它
  • 是否可以在浏览器中转换jpg/png文件中的图像 或者我必须在服务器上完成这个过程
我想更好地了解这个过程是如何工作的。
谢谢你的帮助

严格地说,不使用canvas是可能的,通过在JS/asm.JS/WASM中从头开始实现自己的JPEG编码器,但是使用canvas更容易

要获取JPEG,只需指定类型:
toDataURL(“image/JPEG”)