JavaScript FileReader.result — прочитаний вміст файлу

Властивість result містить прочитаний вміст файлу.

правити

Загальний опис

Тип залежить від того, яким методом читали: рядок після readAsText(), рядок data:... після readAsDataURL(), ArrayBuffer після readAsArrayBuffer().

І головне: до події load тут лежить null. Найчастіша помилка новачків — прочитати result одразу після виклику методу читання, не чекаючи на подію.

правити

Нотатка

Одразу після виклику readAsText() властивість дорівнює null. Читання асинхронне — результат є лише всередині onload.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	6	3.6	6	11	12	10

Підтримка: мобільні переглядачі

Переглядач
	3	18	32	6

Підтримка: серверні переглядачі

Переглядач
	1.3

Приклади

+ запропонувати свій приклад у пісочниці

const file = new File(['Вміст файлу'], 'нотатка.txt');

const reader = new FileReader();

reader.readAsText(file);

// ЗАРАНО: читання ще не завершилось
console.log(reader.result); // null

// правильно — в обробнику
reader.onload = () => {
    console.log(reader.result); // ось тепер текст
};