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

How to access file upload selected file without changing page using javascript?

本文关键字：文件 访问 情况下 javascript 何使用      更新时间：2023-09-26

我需要创建一个文件上传字段，下面有：

<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("file-upload");
inputFile.addEventListener("change", function(){
    var files = inputFile.files;
    console.log(files[0]);
    alert(files[0].name);
});
<input type="file" id="file-upload"/>

相关文章：