javascriptを使用してページを変更せずにファイルをアップロードする方法

Question

私は以下の持っているファイルアップロードフィールドを作成する必要があります：私は別のページに行くか、JavaScriptでURLには何も追加せずに、選択したファイルの内容にアクセスするにはどうすればよい

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

を？

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"/>