顯示源中的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內。