Question

我有输入文件的代码：

<input type='file'/>

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

1.png

2.pdf

3.png

请注意（1,2,3是文件名）

我该怎么做？感谢。

Answer 1

您必须在输入的“更改”事件中添加一个侦听器

假设您的输入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]);
}

Answer 2

只需使用document.getElementById（＆＃39; inputfile＆＃39;）。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>

上传前获取文件列表

2 个答案: