Maison >interface Web >js tutoriel >Comment JavaScript peut-il accéder et traiter les fichiers locaux ?

Comment JavaScript peut-il accéder et traiter les fichiers locaux ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-19 04:55:12370parcourir

How Can JavaScript Access and Process Local Files?

Accès aux fichiers du disque local en JavaScript

Dans le développement Web, l'ouverture de fichiers locaux présente des problèmes de sécurité qui empêchent l'accès direct via des méthodes telles que window.open (). Cependant, il existe des approches alternatives qui permettent à JavaScript de lire et de traiter des données locales.

API FileReader

L'API FileReader fournit un moyen de lire des fichiers de manière asynchrone. Voici un exemple :

function readSingleFile(e) {
  var file = e.target.files[0];
  if (!file) {
    return;
  }
  var reader = new FileReader();
  reader.onload = function(e) {
    var contents = e.target.result;
    displayContents(contents);
  };
  reader.readAsText(file);
}

Dans cet exemple, un écouteur est attaché à un élément. Lorsqu'un fichier est sélectionné, la fonction readSingleFile est déclenchée, en utilisant FileReader.readAsText() pour lire le fichier sous forme de texte brut. Le résultat de l'opération est transmis à la fonction displayContents pour affichage.

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:
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