Windows 8应用(HTML和Javascript):替代的方式来显示来自图片库的图像(其他该文

2019-09-22 11:08发布

我一直在试图建立一个替代方法来获取并显示在列表视图(我指的文件选择器等)作为应用已经花费过多时间来加载和处理图像。 事实证明,我已经错过了一个单点这一切time..that 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."

所以,如果异常被处理将问题去了? 或者是有没有办法显示来自pictureLibrary在中IMG HTML标记的图像(并因此在列表视图)?

是否有任何替代办法从获得的图像pictureLibrary ? 还有一件事...这将是更好的:使用文件选择器或直接加载它使用文件数据(即东西我想在这里)。

我有点天真,当涉及到的JavaScript,所以请描述。 让我知道如果我错过任何信息。

Answer 1:

所以我的理解是,项目拥有从图片库中的图片。 然后你就可以显示它们的方式如下:

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
}

我已经使用了下面的例子 。



文章来源: Windows 8 app (html & Javascript) : alternate way to show image from picture library (other that file picker)