4

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

我使用的代码是：

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

好吧，数据绑定是正确的，列表视图正在获取所有文件数据，包括文件路径。没问题。base.js尽管 Visual Studio 提示文件 ( ) 中关于使用图像标签的绝对路径的异常：

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

那么，如果处理了异常，问题会解决吗？还是没有办法在 HTML 的 img 标记中显示图片库中的图像（在 listview 中也是如此）？

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

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

4

1 回答 1

4

所以我的理解是 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
}

我使用了以下示例。

于 2012-09-15T13:10:44.400 回答