javascript - 如何使用javascript将图像url转换为dataurl(base64数据)

Question

如何在不使用 html5 canvas 对象的情况下将图像 url 转换为 base64 编码的数据 url。

canvas.todataURL()

我使用canvas.todataURL获取base64数据，但它无法读取远程url，所以我想将我的图像url转换为dataurl而不使用canvas.todataURL()并在我的应用程序中使用它。

我怎样才能做到这一点。

Answer 1

您可以使用此代码-

HTML-

    <img id="preview" src="http://www.gravatar.com/avatar/0e39d18b89822d1d9871e0d1bc839d06?s=128&d=identicon&r=PG">
    <canvas id="myCanvas" />

javascript-

    <script>
     var c = document.getElementById("myCanvas");
     var ctx = c.getContext("2d");
     var img = document.getElementById("preview");
     ctx.drawImage(img, 10, 10);
     alert(c.toDataURL());
    </script>

在这里找到的- How to get base64 encoded data from html image