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