JavaScript FileReader.abort() — перервати читання файлу

Метод abort() перериває читання файлу.

автор: NagarD

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

Після нього спрацьовує подія abort, а load — ні. Тому логіку успіху в onload можна лишати без перевірок.

Потрібен для кнопки «Скасувати» при читанні великого файлу — коли користувач передумав, а читання ще триває.

Властивість result після переривання стає null.

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач
abort	7+	3.6+	6+	12.1+	12+	10+

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

Приклади

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

Кнопка «Скасувати» під час читання великого файлу.

HTML

<progress id="bar" max="100"></progress>
<button id="cancel">Скасувати</button>

const file = new File([new Uint8Array(5000000)], 'великий.bin');
const bar = document.getElementById('bar');

const reader = new FileReader();

reader.onprogress = e => bar.value = e.loaded / e.total * 100;
reader.onload = () => console.log('Готово');   // після abort НЕ спрацює
reader.onabort = () => console.log('Скасовано');

reader.readAsArrayBuffer(file);

document.getElementById('cancel').addEventListener('click', () => {
    reader.abort();
    console.log(reader.result); // null
});

автор: NagarD

Коментарі

Коментарів ще немає — будьте першим!