Тип FileReader
Є кілька форматів, в які FileReader може представляти дані з файлу, формат повинен бути заданий, коли файл відкривається для читання. Читання здійснюється за допомогою виклику одного з наступних методів:
readAsText () - повертає вміст файлу як plain text
readAsBinaryString () - повертає вміст файлу у вигляді рядка закодованих двійкових даних (застаріло - замість нього використовуйте readAsArrayBuffer ())
readAsArrayBuffer () - повертає вміст файлу як ArrayBuffer (добре для двійкових даних, наприклад, зображення)
readAsDataURL () - повертає вміст файлу як data URL
Читання в data URIs
Ви можете використовувати той же код для читання в data URI. Data URI (іноді званий data URLs) представляють собою цікавий варіант, якщо ви хочете, наприклад, вивести зображення тільки, що прочитане з диска. Ви можете зробити це, використовуючи наступний код:
Цей код завантажує зображення в новий об'єкт Image, а потім використовує його, щоб зробити зображення на Canvas'е (із зазначенням ширини і висоти 100).
Data URIs. як правило, використовуються для цієї мети, але може бути використаний на будь-якому іншому типі файлів. Найбільш поширений варіант використання для читання файлів в data URI для відображення вмісту файлів відразу на веб-сторінці.
Читання в ArrayBuffers
Ви можете використовувати ArrayBuffer в першу чергу при роботі з бінарними файлами, щоб мати більш точний контроль над даними. Ви можете передати ArrayBuffer безпосередньо в метод send () об'єкта XHR для передачі вихідних даних на сервер (на стороні сервера, дані приймаються і обробляються, як двійкові дані).
Що далі
Читати дані з файлу за допомогою FileReader досить просто. Якщо ви знаєте, як використовувати XMLHttpRequest, то читання даних з файлів для Вас далося також легко. У наступній частині цієї серії, ви дізнаєтеся більше про використання подій FileReader і можливі помилки.