Javascript-读取上传文件的内容

Question

我知道File API，但是我需要与IE9兼容。 那么，无论如何，我有没有读取用户上传到input type="file"元素的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()