Comment puis-je lire des fichiers texte locaux dans mon navigateur ?

Comment aborder la lecture de fichiers texte locaux dans le navigateur

Vous rencontrez des difficultés pour lire des fichiers texte locaux dans votre navigateur. Pour résoudre ce problème, considérez les points suivants :

1. Incorporer l'API Fetch

L'introduction de l'API Fetch offre une approche simplifiée pour récupérer des données à partir d'URL, remplaçant la méthode XMLHttpRequest. Implémentez-le comme ceci :

fetch("myText.txt")
  .then((res) => res.text())
  .then((text) => {
    // Process the "text" content
  })
  .catch((e) => console.error(e));

2. Évitez file:///

Les navigateurs modernes restreignent strictement l'accès direct au système de fichiers. Pour contourner cela, évitez d'utiliser les préfixes file:///.

3. Utilisez un serveur Web pour les tests locaux

Au lieu de vous fier à file:///, utilisez un serveur Web léger, tel que :

• python -m http.server

Cela vous permet d'accéder à vos données à l'aide d'URL HTTP standard, atténuant ainsi l'accès limitations.

Solution originale

Pour gérer les problèmes XMLHttpRequest, procédez comme suit :

• Vérifiez l'état 0 lors du chargement de fichiers locaux.

function readTextFile(file) {
  var rawFile = new XMLHttpRequest();
  rawFile.open("GET", file, false);
  rawFile.onreadystatechange = function () {
    if (rawFile.readyState === 4)  {
      if (rawFile.status === 200 || rawFile.status == 0) {
        var allText = rawFile.responseText;
        console.log(allText);
      }
    }
  }
  rawFile.send(null);
}

• Spécifiez file:// dans votre fichier chemin.

readTextFile("file:///C:/your/path/to/file.txt");

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!