Чтение файлов в JavaScript
JavaScript — долгое время не имел поддержки чтения файлов из компьютера пользователя. Оно и понятно, вряд ли кто-то захотел бы, чтобы при посещении сайта, какой-либо скрипт на странице мог произвольно читать из файловой системы компьютера, угрожая безопасности пользователя.
Однако, время идет, и потребность в чтении файлов из файловой системы ПК с учетом масштабного развития как браузеров, так самого JavaScript сделали свое — сегодня мы можем читать, с определенными ограничениями, файлы из ПК компьютера, при этом нам не обязательно нужен сервер — мы можем прочитать файл из жесткого диска, провести с данными из него какие либо операции и затем записать файл обратно.
Далее я Вам покажу, как можно прочитать текстовый файл из папки на ПК в JavaScript.
Код html:
JavaScript код:
// параметр e — объект файла из элемента выбора
function readFiles(e)
// если есть нужные объекты — то чтение файлов возможно
if (window.FileList && window.File)
const file = e.target.files[0];
const name = file.name ? file.name : ‘NOT SUPPORTED’;
const type = file.type ? file.type : ‘NOT SUPPORTED’;
const size = file.size ? file.size : ‘NOT SUPPORTED’;
// объект класса читающего файл
const reader = new FileReader();
// обработчик, который срабатывает при загрузке файла
reader.addEventListener(‘load’, event =>
// содержимое файла
let content = event.target.result;
// выводим содержимое в консоль построчно
console.log(rows);
>);
// читаем текстовый файл
reader.readAsText(file);
>
>
Вот можно прочитать файл с компьютера пользователя в JavaScript. Причем заметьте, что файлы можно читать не только текстовые, но и другие.
Создано 20.08.2020 08:41:29
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
- Кнопка:
Она выглядит вот так: - Текстовая ссылка:
Она выглядит вот так: Как создать свой сайт - BB-код ссылки для форумов (например, можете поставить её в подписи):
Комментарии ( 0 ):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Copyright © 2010-2023 Русаков Михаил Юрьевич. Все права защищены.