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

Question

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

Answer 1

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

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

Answer 2

有一个 FilePicker 控件，可让您轻松显示图像/文件供用户选择。这是一个代码示例；下载 JavaScript 版本。这里还有指向 API 文档链接的指南。

代码示例的摘录：

// 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"); 
   } 
});