javascript - 使用打开的文件 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); 
    });