Windows 8应用程序(html和Javascript)：从图片库(其他文件选择器

发布时间：2020-12-14 05:28:07 所属栏目：Windows 来源：网络整理

导读：我一直在尝试创建一种替代方法来获取和显示listview中的图像(我的意思是除了文件选择器),因为应用程序已经花费了太多时间来加载和处理.事实证明,我一直都缺少一个单点…… img不会将绝对路径作为源(src). 我用的代码是： var pictureLibrary = Windows.Stora

我一直在尝试创建一种替代方法来获取和显示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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!