So lesen Sie den Inhalt einer Textdatei in HTML

下次还敢
Freigeben: 2024-04-05 10:33:17
Original
1392 Leute haben es durchsucht

HTML kann keine Textdateien lesen, aber es kann mit JavaScript erreicht werden: Verwenden Sie fetch(), um den Dateiinhalt abzurufen; verwenden Sie die Methode „response.text()“, um den Text in der Methode „then()“ zu verarbeiten.

So lesen Sie den Inhalt einer Textdatei in HTML

So lesen Sie den Inhalt einer Textdatei mit HTML

HTML selbst kann den Inhalt einer Textdatei nicht direkt lesen. Diese Funktionalität lässt sich jedoch problemlos mit JavaScript implementieren.

Methode:

Um den Inhalt einer Textdatei zu lesen, können Sie die folgende JavaScript-Funktion verwenden:

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

Beschreibung:

  • fetch() Die Funktion dient dazu Holen Sie sich Ressourcen vom Server (Textdatei). Die Methode 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>
Nach dem Login kopieren

在这个示例中:

  • textfile.txt 是要读取的文本文件。
  • content
  • response.text() gibt den Textinhalt der Textdatei zurück. Die Methode
🎜then() wird verwendet, um die Antwort nach erfolgreichem Lesen der Textdatei zu verarbeiten. 🎜🎜🎜🎜Beispiel: 🎜🎜🎜Hier ist ein Beispiel für HTML-Code, der den Inhalt einer Textdatei liest und auf einer Webseite anzeigt: 🎜rrreee🎜In diesem Beispiel: 🎜🎜🎜textfile.txt code> ist die Textdatei, die gelesen werden soll. 🎜🎜<code>content ist ein HTML-Element, das den Inhalt der gelesenen Textdatei enthält. 🎜🎜

Das obige ist der detaillierte Inhalt vonSo lesen Sie den Inhalt einer Textdatei in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage