使用打開的文件Javascript Windows 8

Question

我正在使用JavaScript的應用程序我目前正在努力。我已經創建了文件選擇器，如指南所示。

選擇文件後，我得到對象Windows.Storage.StorageFile。這個文件是圖像，我的問題是如何在img標籤中顯示圖像，例如？

Answer 1

比方說，你在你的網頁就像有一個形象標籤：

<img id="theImage" /> 

然後從選擇文件的JavaScript回調，你會（使用createObjectURL）設置IMG SRC屬性的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); 
    });