Чтение файлов в JavaScript
JavaScript - долгое время не имел поддержки чтения файлов из компьютера пользователя. Оно и понятно, вряд ли кто-то захотел бы, чтобы при посещении сайта, какой-либо скрипт на странице мог произвольно читать из файловой системы компьютера, угрожая безопасности пользователя.
Однако, время идет, и потребность в чтении файлов из файловой системы ПК с учетом масштабного развития как браузеров, так самого JavaScript сделали свое - сегодня мы можем читать, с определенными ограничениями, файлы из ПК компьютера, при этом нам не обязательно нужен сервер - мы можем прочитать файл из жесткого диска, провести с данными из него какие либо операции и затем записать файл обратно.
Далее я Вам покажу, как можно прочитать текстовый файл из папки на ПК в JavaScript.
Код html:
<input type="file" onChange="readFiles"/>
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';
// let r = { name, type, size };
// console.log(r)
// объект класса читающего файл
const reader = new FileReader();
// обработчик, который срабатывает при загрузке файла
reader.addEventListener('load', event => {
// содержимое файла
let content = event.target.result;
let rows = content.split('\r\n');
// выводим содержимое в консоль построчно
console.log(rows);
});
// читаем текстовый файл
reader.readAsText(file);
}
}
Вот можно прочитать файл с компьютера пользователя в JavaScript. Причем заметьте, что файлы можно читать не только текстовые, но и другие.
-
Создано 20.08.2020 08:41:29
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.