[ Cet article est destiné aux développeurs de Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]
Découvrez comment ajouter des fonctionnalités de gestion de fichiers à votre application du Windows Store en JavaScript ou s’exécutant sur Windows 8.1.
Chaque section de cette rubrique décrit une fonctionnalité clé de la gestion de fichiers, propose des liens vers une rubrique plus détaillée sur cette fonctionnalité, et fournit des informations sur la façon de trouver rapidement le code pertinent dans l’exemple Gestion de fichiers de A à Z de cette rubrique.
Remarque La plupart des fonctions utilisées pour interagir avec les fichiers et les dossiers sont asynchrones. Pour apprendre à écrire des applications JavaScript asynchrones, voir Programmation asynchrone en JavaScript.
Notions de base sur l’accès aux fichiers : énumération, obtention des propriétés, et lecture et écriture de données
L’accès aux fichiers qui se trouvent dans un emplacement tel qu’un dossier, une bibliothèque, un appareil ou un réseau peut se résumer à une seule ligne de code : un appel à la fonction StorageFolder.getFilesAsync. Voir Accès aux fichiers par programmation pour obtenir des instructions étape par étape qui montrent comment effectuer des tâches telles que l’énumération des fichiers et des dossiers de niveau supérieur d’un emplacement donné et l’interrogation de fichiers se trouvant dans un emplacement.
Les étapes suivantes vous montrent comment énumérer les fichiers à un emplacement spécifique :
La capture d’écran ci-dessous, qui est issue de l’exemple, présente un exemple d’énumération des fichiers se trouvant dans Images.
Identifier dans l’exemple : l’exemple comprend une page intitulée FileAccessBasics qui inclut les exemples présentés dans cette section. Le code JavaScript et HTML pertinent est centralisé dans les fichiers FileAccessBasicsPage.js (fonction OnEnumPicturesClick) et FileAccessBasicsPage.html.
Les propriétés de fichier décrivent ou quantifient un attribut d’un fichier ou son contenu. Par exemple, les propriétés de fichier comprennent des données telles que le nom du fichier, le chemin d’accès, la taille du fichier, les attributs du fichier et la date du dernier accès. La rubrique Démarrage rapide : obtention des propriétés d’un fichier montre comment récupérer et afficher les propriétés de base et de niveau supérieur d’un fichier.
Les étapes suivantes vous montrent comment obtenir les propriétés de niveau supérieur ou de base d’un fichier :
L’exemple de code suivant énumère tous les fichiers se trouvant dans Images et affiche différentes propriétés de fichier de niveau supérieur et de base. Notez comment les objets promises JavaScript sont utilisés pour synchroniser les résultats de deux opérations asynchrones (StorageFolder.getFilesAsync et StorageFile.getBasicPropertiesAsync). Pour en savoir plus sur la programmation asynchrone et les objets promises en JavaScript, consultez la rubrique Programmation asynchrone en JavaScript.
La capture d’écran ci-dessous, qui est issue de l’exemple, présente un exemple d’obtention de différentes propriétés de fichier de base et de niveau supérieur.
Identifier dans l’exemple : l’exemple comprend une page intitulée FileAccessBasics qui inclut les exemples présentés dans cette section. Le code JavaScript et HTML pertinent est centralisé dans les fichiers FileAccessBasicsPage.js (fonction OnGetFilePropertiesClick) et FileAccessBasicsPage.html.
Une application du Windows Store lit et écrit des fichiers via la classe FileIO. Voir la rubrique Démarrage rapide : lecture et écriture d’un fichier pour obtenir des exemples de code qui montrent comment lire et écrire différents types de données en utilisant les classes FileIO et StorageFile.
Écriture de texte dans un fichier
Pour écrire dans un fichier, vous devez d’abord acquérir un objet StorageFile à passer à l’une des fonctions FileIO pour l’écriture de données. Dans l’exemple, cette opération est effectuée en créant un fichier via la fonction StorageFolder.createFileAsync.
Une fois que vous avez un objet StorageFile, vous pouvez écrire du texte dans son fichier sous-jacent via l’une des fonctions FileIO.writeTextAsync surchargées.
L’exemple de code suivant écrit la date et l’heure actuelles dans un exemple de fichier.
Pour lire le contenu d’un fichier, vous devez d’abord acquérir un objet StorageFile à passer à l’une des fonctions FileIO pour la lecture de données. Dans l’exemple, cette opération est effectuée en appelant la fonction StorageFolder.getFileAsync.
Une fois que vous avez un objet StorageFile, vous pouvez lire du texte dans son fichier sous-jacent via l’une des fonctions FileIO.readTextAsync surchargées.
L’exemple de code suivant lit le contenu d’un exemple de fichier.
La capture d’écran ci-dessous présente un exemple d’exécution de l’exemple et d’écriture dans le fichier exemple.
Identifier dans l’exemple : l’exemple comprend une page intitulée FileAccessBasics qui inclut les exemples présentés dans cette section. Le code JavaScript et HTML pertinent est centralisé dans les fichiers FileAccessBasicsPage.js (fonctions OnWriteTextToFileClick and OnReadTextFromFileClick) et FileAccessBasicsPage.html.
Utilisation de sélecteurs de fichiers et de dossiers
Les sélecteurs (aussi bien de fichiers que de dossiers) permettent d’afficher une liste de fichiers ou de dossiers à partir de laquelle les utilisateurs peuvent sélectionner un ou plusieurs éléments à traiter. Les sélecteurs peuvent être configurés par programmation pour rechercher des fichiers et des dossiers qui correspondent à un filtre spécifié (par exemple, des fichiers avec une extension spécifique), à partir d’un dossier particulier, d’un mode d’affichage spécifique (liste ou miniature), etc.
Les procédures suivantes vous montrent comment configurer les différents sélecteurs pour une sélection de fichier unique, de plusieurs fichiers et de dossier unique.
Configuration d’un sélecteur de fichiers pour la sélection de fichier unique
Appelez la fonction FileOpenPicker.pickSingleFileAsync. Quand la fonction FileOpenPicker.pickSingleFileAsync est terminée, l’application a un accès en lecture/écriture au fichier sélectionné.
L’exemple de code suivant instancie et affiche un sélecteur de fichiers pour une sélection de fichier unique.
Appelez la fonction FileOpenPicker.pickMultipleFileAsync. Quand la fonction FileOpenPicker.pickMultipleFileAsync est terminée, l’application a un accès en lecture/écriture aux fichiers sélectionnés. Les fichiers sélectionnés sont représentés par un tableau d’objets StorageFile. La propriété sizes du tableau vous indique le nombre de fichiers sélectionnés et vous pouvez ainsi utiliser une boucle for avec une notation de tableau standard pour accéder à chaque objet StorageFile.
L’exemple de code suivant instancie et affiche un sélecteur de fichiers pour une sélection de plusieurs fichiers.
La capture d’écran ci-dessous présente les résultats de l’exécution de l’exemple et de la sélection de deux fichiers (sample1.png et sample2.png).
Identifier dans l’exemple : l’exemple comprend une page intitulée File and Folder Pickers (Sélecteurs de fichiers et de dossiers) qui illustre les tâches énoncées dans cette section. Le code JavaScript et HTML correspondant à cet exemple se trouve dans les fichiers FilePickerPage.js et FilePickerPage.html, respectivement.
Windows 8.1 permet aux utilisateurs de marquer des fichiers OneDrive comme étant en ligne uniquement. Quand l’utilisateur est déconnecté de OneDrive, ces fichiers ne sont pas disponibles. Pour vous aider à déterminer par programmation la disponibilité d’un fichier, vous disposez maintenant d’une nouvelle propriété appelée StorageFile.isAvailable. .
Les étapes suivantes vous montrent comment déterminer la disponibilité de fichiers à l’aide de la propriété StorageFile.isAvailable.
Une fois la fonction StorageFolder.getFilesAsync terminée, vous pouvez utiliser une boucle forEach pour parcourir chaque fichier retourné.
L’exemple de code suivant énumère tous les fichiers se trouvant dans Images, en affichant le nom, le nom de fournisseur et la disponibilité de chaque fichier.
La capture d’écran ci-dessous présente un exemple de résultats de la vérification de la disponibilité de fichiers se trouvant dans Images.
Identifier dans l’exemple : l’exemple comprend une page intitulée "OneDriveFilesPage" qui inclut un bouton permettant d’énumérer tous les fichiers de la bibliothèque d’images sur l’ordinateur local. Le nom de chaque fichier s’affiche avec le fournisseur de ce fichier (par exemple, Ce PC ou OneDrive), ainsi que sa disponibilité. Le code JavaScript et HTML correspondant à cet exemple se trouve dans les fichiers OneDriveFilesPage.js et OneDriveFilesPage.html, respectivement.
Recommandé. Exécutez le Kit de certification des applications Windows pour vérifier que votre application répond à toutes les exigences du Windows Store. Nous recommandons d’exécuter le Kit de certification des applications Windows quand vous ajoutez des fonctionnalités à votre application.
Vous avez terminé ! Vous venez d’explorer les différentes fonctionnalités de gestion de fichiers pour votre application. Vous êtes prêt à créer une application semblable à l’exemple Gestion de fichiers de A à Z.