Question

你们知道使用javascript将base64字符串转换为PNG的方法吗？我基本上想在网站上显示它。

示例字符串：

"imageData": "iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAC9JREFUOI1jYaAyYKGdgYse/6fIpDhZRlQDqQRGDRw1cNTAUQPpbSC0PKOegVQCADCrA81JwUxoAAAAAElFTkSuQmCC"

Answer 1

您可以使用document.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...";

Example

Answer 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中调用已保存的路径

使用JS将Base64改为PNG

2 个答案: