빠른 시작: 이동식 저장 장치 나열(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를 열고 접근 권한 값 탭에서 이동식 저장소를 확인하여 이동식 저장소에 대한 액세스를 사용하도록 설정했는지 확인합니다.

요약

다음에서는 사진의 파일을 저장 장치로 복사합니다.

다음을 통해 공유