Démarrage rapide : répertorier les dispositifs de stockage amovibles (HTML)

Applies to Windows only

Ce didacticiel vous explique comment utiliser la classe Windows.Storage.KnownFolders pour obtenir un instantané des périphériques branchés, sous forme d’objets de la classe StorageFolder.

Objectif: vous apprendrez comment répertorier les dispositifs de stockage amovibles à l’aide de la classe Windows.Storage.KnownFolders.

Prérequis

Vous devez connaître JavaScript et HTML.

Vous devez disposer d’un dispositif de stockage amovible.

Durée de réalisation: 20 minutes.

Instructions

1. Ouvrir Microsoft Visual Studio

Ouvrez une instance de Visual Studio.

2. Créer un projet

Dans la boîte de dialogue Nouveau projet, choisissez une application vide dans les types de projets JavaScript.

3. Déclarer la fonctionnalité de stockage amovible

Double-cliquez sur package.appxmanifest dans l’Explorateur de solutions. Sélectionnez l’onglet Capacités. Activez Stockage amovible dans la liste Capacités.

4. Insérer le code HTML et JavaScript de l’application

Ouvrez votre fichier Default.html et copiez-y le code suivant en remplaçant son contenu d’origine.



<!DOCTYPE html>
<html>
<head>
<title>Removable Storage Devices</title>
<link rel="stylesheet" href="/winjs/css/ui-dark.css" />
<script type = "text/javascript" >

// Use the Removable Devices KnownFolder to get a snapshot of the currently 
// connected devices as StorageFolders. 
 function listStorages() {
        document.getElementById("output").innerHTML = "";
        Windows.Storage.KnownFolders.removableDevices.getFoldersAsync().
        then(
            function (removableStorages) {
            // Display each storage device.
            var numRemovableStorages = removableStorages.length;
            if (numRemovableStorages > 0) {
                removableStorages.forEach(function (removableStorage, i) {
                    document.getElementById("output").innerHTML +=
                             removableStorage.name + "<br/>";
                });
            } else {
                document.getElementById("output").innerHTML = 
                        "No storages found. Attach a removable storage " +
                        "such as a camera or USB drive.)";
            }
        },
            function (e) {
            document.getElementById("output").innerHTML = 
                    "Failed to find all storage devices. Error: " +
                     e.message;
        });
    }
</script>
</head>
<body>
<p>
Click "List Storages" to get a list removable storage devices.<br /></p>
<input type="button" onclick="listStorages()" value="List Storages" /><br />

<div id=output></div>

</body>
</html>


5. Tester l’application

  1. Connectez votre support de stockage amovible, si tel n’est pas déjà le cas.
  2. Dans le menu Déboguer, cliquez sur Démarrer le débogage pour tester la solution.
  3. Cliquez sur le bouton Répertorier les stockages pour connaître la liste des stockages amovibles.

Remarque  Si vous obtenez une erreur, vérifiez ce qui suit :

  • Assurez-vous d’avoir autorisé l’accès au support de stockage amovible en ouvrant package.appxmanifest dans l’Explorateur de solutions et en activant l’option Stockage amovible dans l’onglet Capacités.

Récapitulatif

Nous verrons ensuite comment copier un fichier du dossier Images vers un dispositif de stockage.

Rubriques associées

Accéder à la carte SD dans les applications Windows Phone

 

 

Afficher:
© 2014 Microsoft