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