如何使用 javascript 在不更改页面的情况下访问文件上传所选文件？

Question

我需要创建一个文件上传字段，如下所示：

<div class="col-xs-4 col-md-4 form-group">
    <label for="file-upload" >File Upload</label>
    <input type="file" id="file-upload"/>
</div>

如何在不转到另一个页面或向 Javascript 中的 URL 添加任何内容的情况下访问所选文件的内容？

Answer 1

使用这个简单的代码

var inputFile = document.getElementById("file-upload");

inputFile.addEventListener("change", function(){
    var files = inputFile.files;
    console.log(files[0]);
    alert(files[0].name);
});

<input type="file" id="file-upload"/>