显示来源中的base64图像HTML

时间:2019-01-17 13:56:31

标签: javascript html base64

是否可以从包含信息的文本文件中以html显示base64图像?
我知道的唯一方法是将全部内容粘贴到html中。

例如:

<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

也许我必须使用JS?

1 个答案:

答案 0 :(得分:1)

'use strict';

 const fs = require('fs');

 let buff = fs.readFileSync('test-image.png');  
 let base64data = buff.toString('base64');

 console.log('Image converted to base 64 is:\n\n' + base64data);  

您曾经使用过NodeJ吗?如果您不知道,则必须安装它。 (https://nodejs.org/it/) 您也可以将输出字符串放在标记img的属性src中。