2

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

canvas.todataURL()

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

我该怎么做。

4

2 回答 2

2

您可以使用此代码-

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>

在这里找到它- 如何从 html 图像中获取 base64 编码数据

于 2014-03-04T13:05:43.693 回答
0

如果不使用 canvas.toDataUrl()，你不能纯粹在 javascript 中做到这一点。您将不得不在服务器端做一些事情。基本上创建一个简单的服务，它将图像的 url 作为参数，然后将该图像作为 base64 字符串返回。

于 2013-09-19T12:30:15.903 回答