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

Javascript - 读取上传的文件内容

1 个答案: