Как открыть файл в html?

Question

[BEKa T]

Как открыть файл, точнее таблицу в html'е?
Есть кнопка <input type="file" /> при нажатии на него, надо что бы загруженный файл тут же отобразился в этой странице. Ну типа:
Нажимаем <input type="file" /> и код меняется на это

<table>
    <tr>
        <th>Заголовок 1</th>
        <th>Заголовок 2</th>
        <th>Заголовок 3</th>
    </tr>
</table>

<input type="file" />

Answer 1

[Михаил]

<input type="file">

<script>
  const input = document.querySelector('input');
  input.addEventListener('change', async () => {
    const content = await input.files[0].text();

    console.log(content)
  })
</script>

File наследуется от Blob, а у него есть .text()

изи

Comments

[zkrvndm]

Полезно, не знал про .text()