Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membaca kandungan fail teks dalam html

Bagaimana untuk membaca kandungan fail teks dalam html

下次还敢
下次还敢asal
2024-04-05 10:33:171373semak imbas

HTML tidak boleh membaca fail teks, tetapi ia boleh dicapai menggunakan JavaScript: gunakan fetch() untuk mendapatkan kandungan fail gunakan kaedah response.text() untuk mendapatkan teks dalam kaedah then();

Bagaimana untuk membaca kandungan fail teks dalam html

Cara membaca kandungan fail teks menggunakan HTML

HTML itu sendiri tidak boleh membaca secara langsung kandungan fail teks. Walau bagaimanapun, fungsi ini boleh dilaksanakan dengan mudah menggunakan JavaScript.

Kaedah:

Untuk membaca kandungan fail teks, anda boleh menggunakan fungsi JavaScript berikut:

<code class="javascript">fetch('textfile.txt')
  .then(response => response.text())
  .then(data => {
    // 对读取到的文本文件内容进行处理
  });</code>

Penerangan:

  • fetch() Fungsi digunakan dapatkan sumber daripada pelayan (fail teks). Kaedah fetch() 函数用于从服务器获取资源(文本文件)。
  • response.text() 方法返回文本文件的文本内容。
  • then() 方法用于处理成功读取文本文件后的响应。

示例:

下面是一个读取文本文件内容并将其显示在网页上的 HTML 代码示例:

<code class="html"><html>
<head>
  <script>
    fetch('textfile.txt')
      .then(response => response.text())
      .then(data => {
        document.getElementById('content').innerHTML = data;
      });
  </script>
</head>
<body>
  <div id="content"></div>
</body>
</html></code>

在这个示例中:

  • textfile.txt 是要读取的文本文件。
  • content
  • response.text() mengembalikan kandungan teks fail teks. Kaedah
🎜then() digunakan untuk mengendalikan respons selepas berjaya membaca fail teks. 🎜🎜🎜🎜Contoh: 🎜🎜🎜Berikut ialah contoh kod HTML yang membaca kandungan fail teks dan memaparkannya pada halaman web: 🎜rrreee🎜Dalam contoh ini: 🎜🎜🎜textfile.txt code> ialah fail teks untuk dibaca. 🎜🎜<kod>kandungan</kod> ialah elemen HTML yang akan mengandungi kandungan fail teks yang dibaca. 🎜🎜

Atas ialah kandungan terperinci Bagaimana untuk membaca kandungan fail teks dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn