javascript - 从图像 URL 获取 Base64 字符串

Question

这个问题已经有答案了:

Tainted canvases may not be exported (16 个回答)

已关闭 8 年前。

我正在尝试获取给出其 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

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