获取上传前的文件列表

Get list of files before upload

本文关键字：文件 列表 获取      更新时间：2023-09-26

我得到了输入文件代码:

<input type='file'/>

当我从我的目录中选择一个文件时，它在选择按钮旁边显示文件名。现在，我要显示我选择的所有文件。例如:

1. png

2. pdf

3. png

注意(1,2,3是文件名)

我该怎么做呢?谢谢。

您必须在输入的'change'事件上添加侦听器

假设你的输入id是'inputFile'

document.getElementById('inputFile').addEventListener('change', onChange, false);
function onChange(e){
    var files = e.target.files;
    for (var i=0; i<files.length;i++)
         console.log(files[i]);
}

直接使用document.getElementById('inputfile').value;例如:

<input id="inputfile" type='file'/>
<script>
var filename=document.getElementById('inputfile').value;

</script>

或者如果您使用多个输入，请使用:

<input id="inputfile" multiple="multiple" type='file'/>
    <script>
filenames = new Array();
    for (var i=0; i<document.getElementById('inputfile').files.length; i++){
      filenames.push( document.getElementById('inputfile').files[i].name); 
     }

    </script>
相关文章：