javascript - Windows 8 应用程序(html 和 Javascript): alternate way to show image from picture library (other that file picker)

Question

我一直在尝试创建一种替代方法来在 ListView 中获取和显示图像(我的意思是除了文件选择器之外)，因为该应用程序已经花费了太多时间来加载和处理。事实证明我一直都遗漏了一个点..img 不将绝对路径作为源 (src)。

我使用的代码是:

var pictureLibrary = Windows.Storage.KnownFolders.picturesLibrary;
pictureLibrary.getFilesAsync(query).then(function (items) {....};

嗯，数据绑定(bind)是正确的， ListView 正在获取所有文件数据，包括文件路径。没问题。尽管 visual studio 提示文件 (base.js) 对图像标记使用绝对路径时出现异常:

"0x80004004 - JavaScript runtime error: Operation aborted
If there is a handler for this exception, the program may be safely continued."

那么，如果处理了异常，问题会解决吗？或者是没有办法在 HTML 的 img 标签中显示来自 pictureLibrary 的图像(在 ListView 中也是如此)？

是否有其他方法可以从 pictureLibrary 获取图像？还有一件事......什么会更好:使用文件选择器或直接使用文件数据加载它(即我在这里尝试的东西)。

我对 javascript 有点天真，所以请描述一下。如果我遗漏任何信息，请告诉我。

Answer 1

所以我的理解是 items 保存图片库中的图像。然后您可以通过以下方式显示它们:

for (var i = 0; i < items.length; i++) {
    var image = document.createElement("img");
    image.src = URL.createObjectURL(items[i]);
    container.appendChild(image); // container is where you want to append them
}

我使用了以下 example .