使用 getFilesAsync() 检查有效图像

Question

使用 WinJS，在遍历目录时，如何仅检索该特定目录中的图像并忽略任何其他文件扩展名，包括 DoubleDot .. 和 SingleDot . 等？

类似：

var dir = Windows.Storage.KnownFolders.picturesLibrary;

dir.getFilesAsync().done(function (filesFound) {

for(var i=0; i < filesFound.length; i++){}

       if(filesFound[i] IS_REALLY_AN_IMAGE_(jpeg,jpg,png,gif Only)){

       //Retrieve it now!

}else{
     //Escape it.
} 
}})

Answer 1

与其尝试处理路径名，不如使用文件查询更好，它可以让文件系统为您进行搜索/过滤。如果您想动态跟踪文件夹内容而不是再次显式枚举，查询还允许您侦听查询的 contentschanged 事件。

查询是通过 StorageFolder.createFileQuery、createFolderQuery 或其他变体创建的。在您想要按文件类型过滤的特定情况下，您可以使用createFileQueryWithOptions。此函数采用QueryOptions 对象，您可以使用文件类型数组对其进行初始化。例如：

var picturesLibrary = Windows.Storage.KnownFolders.picturesLibrary;

var options = new Windows.Storage.Search.QueryOptions(
    Windows.Storage.Search.CommonFileQuery.orderByName, [".jpg", ".jpeg", ".png", ".gif"]);

//Could also use orderByDate instead of orderByName

if (picturesLibrary.areQueryOptionsSupported(options)) {
    var query = picturesLibrary.createFileQueryWithOptions(options);
    showResults(query.getFilesAsync());
}

其中 showResults 是一些函数，它从 query.getFilesAsync 中获取承诺并根据需要进行迭代。

我在我的免费电子书Programming Windows Store Apps with HTML, CSS, and JavaScript, 2nd Edition 的第 11 章的“文件夹和文件夹查询”部分中详细讨论了这个主题。也可以参考Programmatic file search sample，就像我在书中所做的那样。

当您想要显示图像文件时，请务必使用缩略图，而不是加载整个图像（图像通常比显示器大得多）。也就是说，对于每个StorageFile，调用其getThumbnailAsync 或getScaledImageAsThumbnailAsync 方法。将生成的 thumbnail (blob) 传递给 URL.createObjectURL，它会返回一个 URL，您可以将其分配给 img.src attribute。或者您可以使用WinJS.UI.ListView 控件，但这完全是另一个主题（请参阅我的书的第 7 章）。