Javascript - アップロードのファイル内容を読む

Question

私はFile APIについて知っていますが、IE9との互換性が必要です。では、ユーザーがアップロードしたファイルの内容をinput type="file"要素に読み込む方法はありますか？

処理するファイルをサーバーに送信したくないため、クライアント側でファイルの内容を読み取る必要があります。

Answer 1

正確に何をしようとしているのかは不明ですが、ユーザーがファイルをアップロードした後にブラウザでファイルを表示するために、次の機能を使用できます。

HTML 

<input type='file' id='the-file' /> 

JS 

function viewFile() { 

var file = $('input#the-file').prop('files')[0]; 

var win = $window.open(); 

    if (file.type === 'application/pdf') { 
     win.document.body.innerHTML = '<div style="height:100%;width:100%;"><embed id="output" width="100%" height="100%"></div>'; 
    } else { 
     win.document.body.innerHTML = '<img id="output"/>'; 
    } 

    var output = win.document.getElementById('output'); 
    output.src = URL.createObjectURL(file); 
} 

viewFile()