如何訪問文件上傳選定的文件，而無需使用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"/>