如何使用javascript或jquery从html 5中的输入类型文件中获取文件名

下面是我使用HTML 5多文件上传的简单代码。 我需要的是获取所有文件名，而不是下面的路径是简单的JavaScript代码

function getFileNames() { var path = $('#files').val(); console.log(' path = ' + path); } 

和html表单是一样的

当我按下按钮时，控制台输出为

path = Chrysanthemum.jpg

这是该文件的第一个名称，我想要其余的名称，任何建议，评论表示赞赏。 谢谢。

Answer 1

好吧，我在这里经过大量研究后的解决方案，在input type file的情况下，值作为具有键name files存储在array中。

 var files = $('input#files')[0].files; var names = ""; $.each(files,function(i, file){ names += file.name + " "; }); alert(names); 

小提琴： http ： //jsfiddle.net/raj_er04/nze2B/1/

纯粹的javascript

 function getFileNames(){ var files = document.getElementById("files").files; var names = ""; for(var i = 0; i < files.length; i++) names += files[i].name + " "; alert(names); } 

小提琴： http ： //jsfiddle.net/raj_er04/nze2B/2/

Answer 2

  function getFileNames() { var files = document.getElementById("files").files; for (var i = 0, f; f = files[i]; i++) { console.log(' name= ' + f.name); alert(' path = ' + f.name); } } 

Answer 3

代替

 var path = $('#files').val(); 

循环遍历数组，使用

 var names = ""; var path = $('#files').each(function(i, el) { names = names + el.val() + ","; });