Windows 8应用程序(html和Javascript):从图片库(其他文件选择器)显示图像的替代方式

前端之家收集整理的这篇文章主要介绍了Windows 8应用程序(html和Javascript):从图片库(其他文件选择器)显示图像的替代方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在尝试创建一种替代方法获取显示listview中的图像(我的意思是除了文件选择器),因为应用程序已经花费了太多时间来加载和处理.事实证明,我一直都缺少一个单点…… img不会将绝对路径作为源(src).

我用的代码是:

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

好吧,数据绑定是正确的,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,我有点天真,所以请描述一下.
如果我遗漏任何信息,请告诉我.

解决方法

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

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.

猜你在找的Windows相关文章