JS：png图像，其相对路径为base64

Question

我的项目中有几个png图像会被动态选择，所以我需要一个js中的函数，它将获取这些png文件的相对路径并返回一个像这样的base64字符串 ＆＃34; URL（数据：图像/ PNG; BASE64，iVBORw0KGgoAA）

我的文件路径是这样的＆＃34; /Content/Images/OK-x-small.png" 所以我需要OK-x-small.png图像的base64表示。

我该怎么做？

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 + ")")
    });