显示源中的base64图像HTML

Question

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

例如：

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

也许我必须使用JS？

Answer 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内。