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

Question

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

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

和 html 形式是

<form action='server.php' method='post' enctype='multipart/form-data' target="iframe">
                <input id="files" name='files[]' type='file' multiple>
                <input type='button' onclick="getFileNames()">
</form>

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

路径=菊花.jpg

这是文件的第一个名字，我想要其余的名字，任何建议，意见都表示赞赏。谢谢。

Answer 1

好吧，经过大量研究，我找到了解决方案，在 input type file 的情况下，值作为 files 存储在 array 中> 使用键 name。

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

fiddle :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);
}

fiddle :http://jsfiddle.net/raj_er04/nze2B/2/