Как прочитать локальный файл с помощью javascript?

@josie 

Для чтения локального файла с использованием JavaScript требуется выполнение нескольких шагов:

1. Добавьте элемент в вашу HTML-страницу, чтобы пользователь мог выбрать файл для чтения:

1

<input type="file" id="fileInput">

1. В JavaScript получите ссылку на элемент с помощью getElementById и добавьте обработчик события change, чтобы выполнить чтение файла после выбора пользователем:

1
2

const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', handleFile);

1. В обработчике события handleFile можно получить доступ к содержимому выбранного файла с помощью свойства files элемента . Вы можете использовать объект FileReader для чтения содержимого файла:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

function handleFile() {
  const file = fileInput.files[0];
  const reader = new FileReader();

  reader.onload = (event) => {
    const fileContent = event.target.result;
    console.log(fileContent);
  };

  reader.readAsText(file);
}

Обратите внимание, что этот пример читает файл как текстовую строку с использованием readAsText. Вы также можете использовать методы readAsArrayBuffer, readAsDataURL или readAsBinaryString, в зависимости от ваших потребностей чтения.

Обработка асинхронного чтения файла может потребовать дополнительной логики, например, отображения прогресса или выполнения других действий после завершения чтения файла.