Отобразить изображение base64 HTML из источника

Question

Можно ли отобразить изображение base64 в html из текстового файла, содержащего информацию?
Единственный известный мне способ - вставить весь контент в 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/) Вы можете поместить желаемую строку вывода также в атрибут src тега img.