내보내기(0) 인쇄
모두 확장
정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

파일 리소스를 로드하는 방법(HTML)

Applies to Windows and Windows Phone

다양한 위치에서 파일 리소스를 로드하는 방법을 알아봅니다.

앱 패키지의 일부로 제공하거나 SDK 또는 프레임워크 패키지의 일부로 포함하는 앱 파일의 파일 리소스를 응용 프로그램 상태나 웹에서 액세스할 수 있습니다. 태그(예: HTML 또는 알림 XML)에서 또는 코드(예: XmlHttpRequest 또는 storage file APIs)를 통해 이러한 파일을 참조할 수 있습니다. 다음 예제는 특정 컨텍스트의 파일 리소스를 보여 주지만 다른 여러 컨텍스트에서도 대부분 사용할 수 있습니다.

웹에서 파일에 액세스하려면 표준 절대 HTTP URI를 사용할 수 있습니다.

<img src="http://www.contoso.com/images/logo.png" alt="Logo" />

응용 프로그램 패키지

응용 프로그램 패키지에서 파일에 액세스하려면 리소스를 참조하는 직접 또는 논리 파일 경로를 사용할 수 있습니다. 파일에 여러 언어, 배율, 대비 또는 다른 변형이 있는 경우에도 마찬가지입니다. 소개 내용은 빠른 시작: 파일 또는 이미지 리소스 사용을 참조하세요.

예를 들어 다음을 참조하여

Images/en-US/homeregion-USA/logo.scale-100_contrast-white.png

을(를) 로드합니다.

Images/logo.png

현재 문서를 기준으로 파일에 액세스하려면 상대 URI을 사용할 수 있습니다.

<img src="images/logo.png" />

패키지 루트를 기준으로 파일에 액세스하려면 절대 경로 URI("/"로 시작하는 URI)를 사용할 수 있습니다.

<img src="/images/logo.png" />

동일한 패키지 내에 저장된 파일을 클래스 라이브러리에서 액세스하려면 클래스 라이브러리 이름을 사용합니다.

<img src="/ClassLibraryName/images/logo.png" />

기본 문서 URI가 없는 코드에서 응용 프로그램 패키지 내에 저장된 파일에 액세스하려면 ms-appx: 체계를 지정합니다.


var uri = new Windows.Foundation.Uri('ms-appx:///images/logo.png');
var file = Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri);

프레임워크 패키지에 저장된 파일에 액세스하려면 절대 URI를 사용합니다.

<script src="ms-appx://Microsoft.WinJS.1.0/js/ui.js"></script>

웹 구획에 로드될 파일에 액세스하려면 ms-appx-web: 체계를 사용합니다.

<iframe src="ms-appx-web:///html/webcompartment.html"></iframe>

현재 문서와 동일한 웹 또는 로컬 구획의 파일에 액세스하려면 체계를 지정하지 마세요.

<script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

응용 프로그램 상태

응용 프로그램 상태에 저장된 파일에 액세스하려면 ms-appdata: 체계를 사용합니다. 응용 프로그램 상태는 로컬 폴더, 로밍 폴더 또는 임시 폴더에 저장할 수 있습니다.

로컬 폴더에 저장된 파일에 액세스하려면

<img src="ms-appdata:///local/images/logo.png" />

로밍 폴더에 저장된 파일에 액세스하려면

<img src="ms-appdata:///roaming/images/logo.png" />

임시 폴더에 저장된 파일에 액세스하려면

<img src="ms-appdata:///temp/images/logo.png" />

storage file APIs는 동일한 방식으로 응용 프로그램 패키지 내의 파일에 액세스할 수 있습니다.


var uri = new Windows.Foundation.Uri('ms-appdata:///local/images/logo.png');
var file = Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri);

이벤트 및 컨텍스트 변경

앱은 필요한 경우 리소스 표시를 업데이트해야 합니다.

사용자가 고대비를 켜는 경우 등 시스템이 변경될 때 Windows 스토어 앱이 실행 중일 수 있습니다. 이 경우 앱이 다른 한정자 집합을 사용합니다. 시스템이 다양하게 변경되면 ResourceContext 개체에 대한 이벤트가 호출됩니다.

In JavaScript, the simplest way to listen for these events is through

WinJS.Resources.addEventListener('contextchanged', refresh, false);

컨텍스트가 변경될 때 이미지 요소는 자동으로 업데이트되지 않으며 응용 프로그램이 이미지를 바꾸어야 합니다. CSS 미디어 쿼리는 background-image 등의 CSS 속성을 즉시 업데이트하는 대안입니다.

 

 

Microsoft는 MSDN 웹 사이트에 대한 귀하의 의견을 이해하기 위해 온라인 설문 조사를 진행하고 있습니다. 참여하도록 선택하시면 MSDN 웹 사이트에서 나가실 때 온라인 설문 조사가 표시됩니다.

참여하시겠습니까?
표시:
© 2014 Microsoft