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()