Guia de início rápido: listar dispositivos de armazenamento removíveis (HTML)

Artigo
12/12/2015

[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente]

Este tutorial mostra como usar o Windows.Storage.KnownFolders para obter um instantâneo dos dispositivos conectados atualmente como objetos StorageFolder.

Objetivo: Você aprenderá como listar dispositivos de armazenamento removíveis usando o Windows.Storage.KnownFolders.

Pré-requisitos

Você deve estar familiarizado com JavaScript e HTML.

É necessário ter um dispositivo de armazenamento removível disponível.

Tempo para conclusão: 20 minutos.

Instruções

1. Abrir o Microsoft Visual Studio

Abra uma instância do Visual Studio.

2. Criar um Novo Projeto

Na caixa de diálogo Novo Projeto, escolha um aplicativo em branco dos tipos de projeto em JavaScript.

3. Declarar a capacidade do armazenamento removível

Clique duas vezes em package.appxmanifest no gerenciador de soluções. Selecione a guia Recursos. Marque Armazenamento Removível na lista Capacidades.

4. Inserir o HTML e o JavaScript do aplicativo

Abra Default.html e copie o código a seguir para ele, substituindo seu conteúdo original.


<!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. Testar o aplicativo

Plugue o seu dispositivo de armazenamento removível se ele já não estiver conectado.
No menu Depurar, clique em Iniciar Depuração para testar a solução.
Clique no botão Listar Armazenamentos para ver uma lista de armazenamentos removíveis.

Observação Se você receber um erro, verifique o seguinte:

Certifique-se de ter habilitado o acesso à localização abrindo package.appxmanifest no Gerenciador de Soluções e marcando Armazenamento Removível na guia Recursos.

Resumo

Em seguida, você copiará um arquivo das Imagens para um dispositivo de armazenamento.

Tópicos relacionados

Acessar o cartão SD nos aplicativos do Windows Phone

Compartilhar via