当前位置: 首页 > 知识库问答 >
问题:

如何转换图像url到dataurl(Base64数据)与javascript

仇征
2023-03-14

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

canvas.todataURL()

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

我如何才能做到这一点。

共有2个答案

西门智
2023-03-14

如果不使用canvas.toDataUrl(),就不能完全使用JavaScript。你必须在服务器端做一些事情。基本上创建一个简单的服务,它将图像的url作为参数,然后将该图像作为bas64字符串返回。

林俭
2023-03-14

您可以使用此代码-

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编码数据

 类似资料:
  • 本文向大家介绍使用Java脚本将图像转换为Base64数据URL,包括了使用Java脚本将图像转换为Base64数据URL的使用技巧和注意事项,需要的朋友参考一下 若要使用javascript将图像从HTML页面标签转换为数据URI,首先需要创建一个canvas元素,将其宽度和高度设置为与图像相同,在其上绘制图像,最后在其上调用toDataURL方法。 这将返回图像的base64编码数据URI。例

  • 问题内容: 用户选择后,我想在 base64中 获取图像(提交表单之前) 就像是 : 我了解了文件API和其他内容,我想要一个简单的跨浏览器解决方案(显然不包括IE6 / IE7) 任何帮助表示感谢。 问题答案: function readFile() { ( PS: 一个base64编码的图像(字符串)为原始图像数据大小的4/3)

  • 我写了一些使用javascript/jQuery捕获图像的代码下面是代码: 项目_图像打印base64格式,如何将base64转换为图像,以及如何在javascript客户端中使用该路径。 我在谷歌搜索了这么多网站,但它不工作,而且代码不适合我的要求。

  • 问题内容: 您能否指导我如何将图像从URL转换为base64编码? 问题答案: 我认为应该是:

  • 问题内容: 我将图像转换为 base64 字符串,并将其从android设备发送到服务器。现在,我需要将该字符串改回图像并将其保存在数据库中。 有什么帮助吗? 问题答案: 尝试这个:

  • 我正在开发Laravel5.4的api。我将收到base64格式的图像。如何将base64转换为Laravel中的图像?