Maison > Article > interface Web > Introduction à l'utilisation des compétences du didacticiel HTML5 FileSystem API_html5
L'une des forces du HTML5 est qu'il permet aux programmes Web de demander un espace temporaire ou permanent (Quota) où le stockage de données et même des opérations sur les fichiers peuvent être effectués.
FileSystem fournit des opérations telles que la création, le déplacement et la suppression de dossiers et de fichiers, ce qui facilite grandement le traitement local des données. De plus, toutes les données sont dans un bac à sable (sandbox) et les différents programmes Web ne peuvent pas accéder les uns aux autres. l'intégrité et la sécurité des données.
Dans le projet CatWrite, cette fonctionnalité de HTML5 est utilisée pour stocker des données, ce qui est très pratique. Cependant, actuellement, seul le navigateur Chrome prend mieux en charge l'API FileSystem, elle ne peut donc s'exécuter que dans le navigateur Chrome.
En remplissant cette fonction, j'ai consulté beaucoup d'informations. Certaines informations datent d'il y a un an. Cependant, avec les changements de versions des navigateurs, certains codes sont devenus obsolètes. Je vais les résumer et les organiser un par un ici. Seules les API utilisées dans le projet sont répertoriées ici, ce qui constitue un résumé des fonctions réalisées.
Demander un espace
Afin de stocker des données, vous devez postuler au navigateur. S'il s'agit d'un stockage permanent, l'utilisateur sera invité et l'exécution ne se poursuivra qu'après consentement.
Vous devez d'abord déclarer les autorisations souhaitées.
Copiez le code
Le code est le suivant :
Obtenir l'entrée du fichier
FileSystem utilise un système de fichiers spécial et un mode sandbox. Les fichiers du bac à sable ne sont pas accessibles sur un ordinateur ou un autre site Web. Vous ne pouvez utiliser que le format d'accès correspondant.
Tapez dans votre navigateur :
?filesystem:http://catcoder.com/persistent/
De cette façon, vous pouvez accéder aux données permanentes du site catcoder.com sur cette machine. Remplacez persistant par temporaire pour lire l'espace temporaire.
Ensuite, nous pouvons obtenir l'entrée du fichier via l'URL et l'API correspondante (vous permet de rechercher l'entrée d'un fichier ou d'un répertoire avec une URL locale).