я вовсе в этой теме не разбираюсь, но простой гугл запрос на англоговорящем stackoverflow выдает такую информацию
Convert an image into binary data in javascript
(там есть пример реализации функции кодировки в base64)
I think "Get image data in JavaScript?" answers your question:
function getBase64Image(img) {
// Create an empty canvas element
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
// Copy the image contents to the canvas
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
// Get the data-URL formatted image
// Firefox supports PNG and JPEG. You could check img.src to guess the
// original format, but be aware the using "image/jpg" will re-encode the image.
var dataURL = canvas.toDataURL("image/png");
return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");}
Pass the img tag to this function. It will return the image in base64 encoding. It will be re-encoded though. So you cannot access the original image data.
Надеюсь это то что ты искал, ответь пожалуйста так это или нет.