Base64到PNG，带JS[关闭]
你们知道一种用javascript将bas64字符串转换成PNG的方法吗？我基本上想在网站上展示它。
示例字符串：
"imageData": "iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAC9JREFUOI1jYaAyYKGdgYse/6fIpDhZRlQDqQRGDRw1cNTAUQPpbSC0PKOegVQCADCrA81JwUxoAAAAAElFTkSuQmCC"
共有2个答案
我不知道你可以在Javascript库中使用AJAX来加载图像
像下面的代码一样使用AJAX
$(document).ready(function(e) {
$("#mydiv").load("myfile.php");
});
将此脚本文件用于库jquery-1.9.1。js
下面的代码是用php编写的。在ajax中称之为。用于获取base64图像src。
<?php
$path= 'http://harikarank.com/harikarank/harikarank.png';
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
?>
<img src="<?php echo $base64;?>" />
然后使用服务器端脚本在您的文件夹中存储Base64图像。然后在javascript中调用保存的路径
您可以使用文档。getElementById（）获取元素并将src设置为如下所示：
<img id="dynImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
例如：这会创建一个小的红点
document.getElementById("dynImg").src = "data:image/png;base64,iVBORw0K...";
例子：
<img id="dynImg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />-
我正在用base64编码的PNG创建一个Blob。。。 我不知道我做错了什么，但是blob的内容是一些东西，但不是我想要的png。 thx提前... [更新] 我认为Base64生成的字节数。解码是可以的。文件大小为1003字节，解码也产生1003字节。 [更新2]以下是我谈论的来源：https://github.com/MikeMitterer/AndroidIconGenerator.DART
-
问题内容： 我想将以Base64编码的PNG图像加载到canvas元素。我有以下代码： 在Chrome 8中，我收到错误消息： 在Firefox的Firebug中，这是：“对象的类型与与该对象关联的参数的预期类型不兼容”代码：“ 17” 在那个base64中，是我在GIMP中制作的5x5px黑色PNG正方形，并将其转换为GNU / Linux程序base64中的base64。 问题答案： 从外观上
-
base64.js 是 Base64 的 JavaScript 实现。 浏览器： <script src="base64.js"></script> node.js var Base64 = require('./base64.js').Base64; 示例： Base64.encode('dankogai'); // ZGFua29nYWk=Base64.encode('小飼弾'); /
-
问题内容： 我的Node.js服务器的外观如下所示： 这是一个包含PNG图像的Base64表示形式的字符串。有什么方法可以将其发送给客户端，该客户端访问编码并显示为图像的路由（例如，可以在标记中使用URL ）？ 问题答案： 是的，您可以对base64字符串进行编码，然后将其作为图像返回给客户端：
-
我刚刚决定将Slick2D改为libgdx。然而，为了能够将我的游戏移植到LibGDX，我需要帮助理解如何从我的游戏数据文件在LibGDX中创建纹理。 我的游戏数据文件是加密的，图像是用base64编码的，所以我可以把它们都保存在一个txt文件中。如何从ByteArrayInputStream创建LibGDX纹理。 编辑：我刚刚想通了，有点。我是这样做的： 然而，现在图像是垂直翻转的...我是不是
-
问题内容： 我正在尝试将屏幕截图输出作为base64编码的字符串输出，但距离不是很远。到目前为止，我拥有的代码使用Base64库（http://iharder.sourceforge.net/current/java/base64/）： 每次运行此命令时，“结果”始终为空字符串，但我不明白为什么。有任何想法吗？ 注意：我不想将png写入磁盘上的文件。 问题答案： 我遵循xehpuk的回答，但是某些