快速入门：列出可移动存储设备 (HTML)

项目
12/11/2015

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅最新文档 ]

本教程介绍如何使用 Windows.Storage.KnownFolders 获取当前作为 StorageFolder 对象连接的设备的快照。

目标: 你将了解如何使用 Windows.Storage.KnownFolders 列出可移动存储设备。

先决条件

你应该熟悉 JavaScript 和 HTML。

你需要有一个可移动的存储设备。

完成所需时间: 20 分钟.

说明

1. 打开 Microsoft Visual Studio

打开 Visual Studio 的一个实例。

2. 创建一个新项目

在“新建项目”对话框中，从 JavaScript 项目类型中选择一个空白应用程序。

3. 声明可移动存储功能

在解决方案资源管理器中，双击“package.appxmanifest”。选择“功能”选项卡。在“功能”列表中选中“可移动存储”。

4. 插入应用程序 HTML 和 JavaScript

打开 Default.html 并将下列代码复制到文件中，替换掉原来的内容。


<!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. 测试应用程序

如果你的可移动存储设备未连接，请将其插入。
在“调试”****菜单上，单击“启动调试”测试该解决方案。
单击“列出存储”****按钮，查看可移动存储的列表。

注意如果出错，请检查以下内容：

确保已启用对可移动存储的访问权限，方法是在解决方案资源管理器中打开 package.appxmanifest 并在“功能”****选项卡中选中“可移动存储”。

摘要

下一步，你将从“图片”复制一个文件到存储设备。

通过