как получить данные изображения в формате base64 с помощью javascript

Аватар пользователя Maksim Litvinov
Maksim Litvinov
22 апреля 2025

Для получения данных изображения в формате base64 с помощью JavaScript можно воспользоваться объектом FileReader и методом readAsDataURL. Вот простой пример кода, демонстрирующий этот процесс:

// Создаем элемент input для загрузки изображения
var input = document.createElement('input');
input.type = 'file';

// Обработчик события выбора изображения
input.addEventListener('change', function() {
    var file = input.files[0];

    // Создаем новый FileReader
    var reader = new FileReader();

    // Обработчик завершения чтения файла
    reader.onload = function(event) {
        var base64Data = event.target.result;
        console.log(base64Data);
    };

    // Читаем содержимое файла как base64
    reader.readAsDataURL(file);
});

// Добавляем input на страницу
document.body.appendChild(input);

В этом примере при выборе изображения в окне выбора файла будет загружен объект File, затем создается объект FileReader, который считывает содержимое файла в формате base64 и выводит его в консоль.

1 0

Похожие вопросы