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

Question

Maksim Litvinov · Accepted Answer

Для получения данных изображения в формате base64 с помощью JavaScript можно воспользоваться объектом `FileReader` и методом `readAsDataURL`. Вот простой пример кода, демонстрирующий этот процесс:

```javascript
// Создаем элемент 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 и выводит его в консоль.

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

Ответы

Каталог