Question

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

canvas.todataURL()

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

我可以这样做吗。

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

Answer 2

如果不使用canvas.toDataUrl（），则无法在javascript中完成。你必须在服务器端做一些事情。基本上创建一个简单的服务，它将一个url作为参数，然后将该图像作为base64字符串返回。

如何使用javascript将图像URL转换为dataurl（base64数据）

2 个答案: