如何在我的windows-8应用程序中显示资产文件夹？

Question

我是window-8应用程序开发的新手。我想创建一个简单的JavaScript照片应用程序。在我的应用程序中，我想显示一个资源文件夹供用户选择他们选择的图像。有人可以帮我这个吗？

Answer 1

由于您使用JS构建应用程序，所以您需要做的就是编写一个小脚本，列出您在该文件夹中放置的资产的路径，并通过HTML页面链接它。你想动态做到这一点吗？我不认为这样的解决方案存在..

编辑：再想一想，您是否考虑过每次将新资源添加到文件夹时使用承诺来运行脚本？在添加资源时，检查文件夹并引发标志，根据标志状态，调用承诺更新脚本将包含新添加的资源。您可能还需要考虑用户可能正在选择数据的情况，而承诺可能会更新页面。适当使用会话存储来处理这种情况。

Answer 2

有一个FilePicker控件可让您轻松显示图像/文件供用户选择。这是a code sample;下载JavaScript版本。还有一些指南，其中包含API文档here的链接。

代码示例的摘录：

// Create the picker object and set options 
var openPicker = new Windows.Storage.Pickers.FileOpenPicker(); 
openPicker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail; 
openPicker.suggestedStartLocation = Windows.Storage.Pickers.PickerLocationId.picturesLibrary; 
// Users expect to have a filtered view of their folders depending on the scenario. 
// For example, when choosing a documents folder, restrict the filetypes to documents for your application. 
openPicker.fileTypeFilter.replaceAll([".png", ".jpg", ".jpeg"]); 

// Open the picker for the user to pick a file 
openPicker.pickSingleFileAsync().then(function (file) { 
   if (file) { 
       // Application now has read/write access to the picked file 
       WinJS.log && WinJS.log("Picked photo: " + file.name, "sample", "status"); 
   } else { 
       // The picker was dismissed with no selected file 
       WinJS.log && WinJS.log("Operation cancelled.", "sample", "status"); 
   } 
});