FileReader JS: работа с файлами в браузере

FileReader - это объект встроенный в JavaScript, который предоставляет API для чтения файлов, хранящихся на компьютере пользователя.

Чтобы использовать FileReader, нужно создать новый экземпляр объекта FileReader и привязать его к элементу формы для загрузки файла (обычно используется элемент input с типом file). Затем можно использовать методы FileReader для чтения содержимого выбранного файла.

Пример кода:

В этом примере, после выбора файла пользователем, мы читаем его содержимое в виде текста с помощью метода readAsText. Затем создаем обработчик для события load, который вызывается после завершения чтения файла. Внутри обработчика мы выводим содержимое файла в консоль.

FileReader поддерживает также другие методы чтения и форматы файлов, такие как readAsArrayBuffer и readAsDataURL для чтения файлов в других форматах. Также FileReader может быть использован вместе с другими API, такими как XMLHttpRequest, для загрузки и чтения удаленных файлов.