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

标签 javascript html windows-8 windows-runtime winjs

我一直在尝试创建一种替代方法来在 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 有点天真,所以请描述一下。 如果我遗漏任何信息,请告诉我。

最佳答案

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

关于javascript - Windows 8 应用程序(html 和 Javascript): alternate way to show image from picture library (other that file picker),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12435808/

相关文章:

javascript - 使用 d3.transition() 更改 CSS

javascript - 欧拉项目 (Project Euler) 在 HackerRank 上的 JavaScript 中排名第一

java - 在没有站点 :site? 的情况下从 Maven 生成 Findbug HTML 报告的任何简单方法

javascript - Windows 8 Metro 应用程序中的可下载文件路径?

c# - 如何在 Windows 8 中访问日历

java - 需要将控制从 Action 类发送到 JSP

javascript - 我需要在输入字段中转义 html 输出吗?

html - django 表格 : styling widget when field is required or has an error

html - 删除网站中的图像背景?

c# - 如何从 Win8 Javascript metro 应用程序引用 C# 类库?