从图像 URL 获取 Base64 字符串 [重复]

Question

我正在尝试获取给出其 URL 的图像的 base64 字符串表示形式。

HTML：

<input type="text" value="" id="urlFileUpload"/>
<input type="button" id="btn" value="GO" />

JS：

$('#btn').click(function()
{
    var img = new Image();
    img.src = $('#urlFileUpload').val();
    img.onload = function () 
    {
        var canvas = document.createElement("canvas");
        canvas.width = this.width;
        canvas.height = this.height;

        var ctx = canvas.getContext("2d");
        ctx.drawImage(this, 0, 0);

        console.log(canvas.toDataURL("image/png"));
    }
});

我收到此错误：Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

这是JSFiddle。

Answer 1

这是因为您的本地驱动器被视为“其他域”尝试将其上传到网络服务器 它解决了我的问题