Javascript Base64遠程文件

Question

是否可以直接從遠程URL對Java進行base64編碼的文件？ 例如，如果我想通過https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png僅使用javascript對我的應用程序中的google徽標進行base64編碼，可以嗎？

Answer 1

我找到了使用html5 canvas和jquery的可行解決方案-jsfiddle復制到這里。 我可能會走這條路：

https://jsfiddle.net/bu25sosf/1/

function convertImgToBase64(url, callback, outputFormat) {
    var img = new Image();
    img.crossOrigin = 'Anonymous';
    img.onload = function () {
        var canvas = document.createElement('CANVAS');
        var ctx = canvas.getContext('2d');
        canvas.height = this.height;
        canvas.width = this.width;
        ctx.drawImage(this, 0, 0);
        var dataURL = canvas.toDataURL(outputFormat || 'image/png');
        callback(dataURL);
        canvas = null;
    };
    img.src = url;
}


$('#img2b64').submit(function (event) {
    var imageUrl = $(this).find('input[name=url]').val();
    console.log('imageUrl', imageUrl);
    convertImgToBase64(imageUrl, function (base64Img) {
        $('.output')
            .find('textarea')
            .val(base64Img)
            .end()
            .find('a')
            .attr('href', base64Img)
            .text(base64Img)
            .end()
            .find('img')
            .attr('src', base64Img);
    });

    event.preventDefault();
});