Как создать функцию, которая получает точный файл изображения с сервера, а затем преобразует его в базу 64 и, наконец, сохраняет в переменной.
Примечание. Точный файл изображения (не нужно перебирать каталог, чтобы просмотреть все файлы).
🤔 А знаете ли вы, что...
JavaScript поддерживает работу с различными форматами данных, такими как JSON и XML.
Вы можете сделать это с помощью библиотеки изображение в base64.
Установка
npm i image-to-base64
использование
const imageToBase64 = require('image-to-base64');
//or
//import imageToBase64 from 'image-to-base64/browser';
imageToBase64("path/to/file.jpg") // Path to the image
.then(
(response) => {
console.info(response); // "cGF0aC90by9maWxlLmpwZw= = "
}
)
.catch(
(error) => {
console.info(error); // Logs an error if there was one
}
)
Отображение изображения с использованием base64
<img src = "data:image/jpg;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg= = " />