Uint8ClampedArray image to jpg / png

У меня есть изображение, сохраненное в 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 у меня есть очень длинная строка, которая представляет изображение.

У меня есть два вопроса:

• Нужно ли использовать холст, чтобы получить источник img, или я могу получить его, не используя его?
• Можно ли преобразовать изображение в файл jpg/png в браузере или мне нужно выполнить процесс на сервере?

Я хотел бы лучше понять, как этот процесс работает. Спасибо за вашу помощь!!