Maison > interface Web > tutoriel HTML > Comment lire le contenu d'un fichier texte en HTML

Comment lire le contenu d'un fichier texte en HTML

下次还敢
Libérer: 2024-04-05 10:33:17
original
1645 Les gens l'ont consulté

HTML ne peut pas lire les fichiers texte, mais cela peut être réalisé en utilisant JavaScript : utilisez fetch() pour obtenir le contenu du fichier ; utilisez la méthode Response.text() pour obtenir le texte ; traitez la réponse lue dans la méthode then().

Comment lire le contenu d'un fichier texte en HTML

Comment lire le contenu d'un fichier texte en utilisant HTML

HTML lui-même ne peut pas lire directement le contenu d'un fichier texte. Cependant, cette fonctionnalité peut être facilement implémentée à l'aide de JavaScript.

Méthode :

Pour lire le contenu d'un fichier texte, vous pouvez utiliser la fonction JavaScript suivante :

fetch('textfile.txt')
  .then(response => response.text())
  .then(data => {
    // 对读取到的文本文件内容进行处理
  });
Copier après la connexion

Description :

  • fetch() La fonction permet de récupérer les ressources du serveur (fichier texte). La méthode fetch() 函数用于从服务器获取资源(文本文件)。
  • response.text() 方法返回文本文件的文本内容。
  • then() 方法用于处理成功读取文本文件后的响应。

示例:

下面是一个读取文本文件内容并将其显示在网页上的 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>
Copier après la connexion

在这个示例中:

  • textfile.txt 是要读取的文本文件。
  • content
  • response.text() renvoie le contenu texte du fichier texte. La méthode
🎜then() est utilisée pour gérer la réponse après avoir lu avec succès le fichier texte. 🎜🎜🎜🎜Exemple : 🎜🎜🎜Voici un exemple de code HTML qui lit le contenu d'un fichier texte et l'affiche sur une page Web : 🎜rrreee🎜Dans cet exemple : 🎜🎜🎜textfile.txt code> est le fichier texte à lire. 🎜🎜<code>content est un élément HTML qui contiendra le contenu du fichier texte lu. 🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal