Краткое руководство: вывод списка съемных запоминающих устройств (HTML)
[ Эта статья адресована разработчикам приложений среды выполнения 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 в обозревателе решений и проверьте состояние возможности Съемные носители на вкладке Возможности.
Сводка
Далее вы научитесь копировать файлы из библиотеки изображений на запоминающее устройство.