使用打开的文件Javascript Windows 8

Question

我正在使用JavaScript我正在开发的应用程序。我已经创建了文件选择器，如指南所示。

选择文件后，我得到对象Windows.Storage.StorageFile。这个文件是图片，我的问题是如何在img标签中显示图片？

Answer 1

假设您的页面中有一个图片标记，例如：

    <img id="theImage" />

然后在您选择文件的JavaScript回调中，您将img src属性设置为您从createObjectURL引用创建的URL（使用StorageFile）：

    var picker = Windows.Storage.Pickers.FileOpenPicker();
    picker.fileTypeFilter.replaceAll([".png"]);
    picker.viewMode = Windows.Storage.Pickers.PickerViewMode.thumbnail;

    // Launch the picker in open mode
    picker.pickSingleFileAsync().then(function (file) {

        var imgElement = document.getElementById("theImage");
        imgElement.src = URL.createObjectURL(file); 
    });