Question

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

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

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

从图像URL获取Base64字符串

1 个答案: