上传前获取文件列表答案

【问题标题】：Get list of files before upload上传前获取文件列表
【发布时间】：2014-09-14 07:05:12
【问题描述】：

我得到了输入文件的代码：

<input type='file'/>

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

1.png

2.pdf

3.png

注意（1、2、3是文件名）

我该怎么做？谢谢。

【问题讨论】：

标签： javascript jquery html file-upload upload

【解决方案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]);
}

【讨论】：

【解决方案2】：

只需使用 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>

【讨论】：