Guida introduttiva: Elenco dei dispositivi di archiviazione rimovibili (HTML)

Articolo
12/11/2015

[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]

Questa esercitazione mostra come usare Windows.Storage.KnownFolders per ottenere uno snapshot dei dispositivi attualmente connessi come oggetti StorageFolder.

Obiettivo: Imparerai a visualizzare l'elenco dei dispositivi di archiviazione rimovibili usando Windows.Storage.KnownFolders.

Prerequisiti

È necessaria una conoscenza di JavaScript e HTML.

Devi avere a disposizione un dispositivo di archiviazione rimovibile.

Tempo per il completamento: 20 minuti.

Istruzioni

1. Aprire Microsoft Visual Studio

Apri un'istanza di Visual Studio.

2. Creare un nuovo progetto

Nella finestra di dialogo Nuovo progetto scegli un'applicazione vuota dai tipi di progetto JavaScript.

3. Dichiarare la funzionalità Archivi rimovibili

Fai doppio clic su package.appxmanifest in Esplora soluzioni. Fai clic sulla scheda Funzionalità. Seleziona Archivi rimovibili nell'elenco Funzionalità.

4. Inserire il codice HTML e JavaScript dell'applicazione

Apri il file Default.html e copia al suo interno il codice seguente, sostituendo il contenuto originale.


<!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. Testare l'applicazione

Collega il dispositivo di archiviazione rimovibile, se non lo hai ancora fatto.
Scegli Avvia debug dal menu Debug per testare la soluzione.
Fai clic sul pulsante Elenca archivi per visualizzare un elenco degli archivi rimovibili.

Nota Se ricevi un errore, procedi come segue:

Verifica di avere abilitato l'accesso all'archivio rimovibile aprendo package.appxmanifest in Esplora soluzioni e controllando che l'opzione Archivio rimovibile nella scheda Funzionalità sia selezionata.

Riepilogo

Nell'esercitazione successiva copierai un file dalla raccolta Immagini in un dispositivo di archiviazione.

Argomenti correlati

Accedere alla scheda SD nelle app di Windows Phone

Condividi tramite