如何在不使用html5画布对象的情况下将图像url转换为base64编码的数据url。
canvas.todataURL()
我正在使用canvas获取base64数据。todataURL,但它无法读取远程url,因此我想在不使用canvas的情况下将图像url转换为dataurl。todataURL()并在我的应用程序中使用它
我如何才能做到这一点。
如果不使用canvas.toDataUrl(),就不能完全使用JavaScript。你必须在服务器端做一些事情。基本上创建一个简单的服务,它将图像的url作为参数,然后将该图像作为bas64字符串返回。
您可以使用此代码-
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中的图像?