javascript - 使用打开的文件 Javascript Windows 8

Question

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

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

Answer 1

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

    <img id="theImage" />

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

    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); 
    });