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

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

<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添加任何内容？

使用以下简单代码

var inputFile=document.getElementById（“文件上传”）；
addEventListener（“更改”，函数（）{
var files=inputFile.files；
console.log（文件[0]）；
警报（文件[0]。名称）；
});
是的这就是我所拥有的，但是我如何获取我选择的文件的内容而不是其名称文件的所有内容都位于命名文件的对象中。选择文件后查看控制台。我将在控制台的何处查看文件中的文本？例如，我是否可以调用文件[0].text？选择文件后，所选文件的内容将写入控制台。要查看浏览器控制台，请按F12键，然后单击打开面板顶部的控制台选项卡。是的，我在控制台中看到文件，如何从我选择的文件中获取文本？