Schnellstart: Auflisten von Wechselspeichergeräten (HTML)

Artikel
12/12/2015

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation]

In diesem Lernprogramm wird erläutert, wie Sie Windows.Storage.KnownFolders verwenden, um eine Momentaufnahme der derzeit verbundenen Geräte als StorageFolder-Objekte zu erhalten.

Ziel: Erfahren Sie, wie Sie Wechselspeichergeräte mithilfe von Windows.Storage.KnownFolders auflisten.

Voraussetzungen

Sie sollten mit JavaScript und HTML vertraut sein.

Sie benötigen ein verfügbares Wechselspeichergerät.

Zeitaufwand: 20 Minuten.

Anweisungen

1. Öffnen von Microsoft Visual Studio

Öffnen Sie eine Instanz von Visual Studio.

2. Erstellen eines neuen Projekts

Wählen Sie im Dialogfeld Neues Projekt in den JavaScript-Projekttypen die Option für eine leere App aus.

3. Deklarieren der Funktion "Wechselspeichergeräte"

Doppelklicken Sie im Projektmappen-Explorer auf die Datei package.appxmanifest. Klicken Sie auf die Registerkarte Capabilities. Aktivieren Sie in der Liste Funktionen die Option Wechselspeichergeräte.

4. Einfügen des HTML- und JavaScript-Codes in der App

Öffnen Sie "Default.html", und ersetzen Sie den ursprünglichen Dateiinhalt durch folgenden Code.


<!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. Testen der App

Schließen Sie das Wechselspeichergerät an, wenn es noch nicht angeschlossen ist.
Klicken Sie im Menü Debuggen auf Debugging starten, um die Projektmappe zu testen.
Klicken Sie auf die Schaltfläche List Storages, um eine Liste der Wechselspeicher anzuzeigen.

Hinweis Überprüfen Sie bei einem Fehler Folgendes:

Vergewissern Sie sich, dass Sie Zugriff auf Wechselmedien haben, indem Sie im Projektmappen-Explorer die Datei package.appxmanifest öffnen und die Option Wechselmedien auf der Registerkarte Funktionen überprüfen.

Zusammenfassung

Im nächsten Schritt kopieren Sie eine Datei aus "Pictures" auf ein Speichergerät.