JS: PNG изображение с относительным путем к base64

Question

У меня есть несколько изображений png в моем проекте, которые будут выбраны динамически, поэтому мне нужна функция в js, которая будет относительный путь к этим файлам png и возвращает строку base64 примерно так «URL (данные: изображение / PNG; base64, iVBORw0KGgoAA)

Мои пути к файлам выглядят примерно так: "/Content/Images/OK-x-small.png" Поэтому мне нужно представление base64 изображения OK-x-small.png, пожалуйста.

Как я могу это сделать?

Answer 1

function toBase64(url, callback) {
var xhr = new XMLHttpRequest();
xhr.onload = function() {
    var reader = new FileReader();
    reader.onloadend = function() {
        callback(reader.result);
    }
    reader.readAsDataURL(xhr.response);
};
xhr.open('GET', url);
xhr.responseType = 'blob';
xhr.send();

}

toBase64('./path-to-image.png',
    function(dataUrl) {
        console.log("url(" + dataUrl + ")")
    });