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

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

правити

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

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

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

правити

Нотатка

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

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

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

Переглядачі

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

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

Переглядач
result	7+	3.6+	6+	12.1+	12+	10+

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

Переглядач
result	4.4+	yes	yes	6+

Приклади

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

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

const reader = new FileReader();

reader.readAsText(file);

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

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