如何使用Javascript获取在多文件输入中选择的文件数？

我正在尝试获取所选文件的数量，并根据该数量更改div。我的代码是：

HTML:

Javascript:

//Get Files
var files = document.getElementById("submit_image");
function listFiles() {
    var numFiles = files.length;
    alert(numFiles);
}

//Test button to give me number of files
document.getElementById("test").onclick = function (e) {
    listFiles();
}

---

当我单击按钮时，它只返回

未定义的

。我愿意在jQuery中这样做，但我更喜欢普通的JS方法。谢谢您的帮助。

您忘记访问输入元素的

文件
属性：

var files = document.getElementById("submit_image").files;

按此代码修复：

var list = document.getElementById("submit_image");
function listFiles () {
    var numFiles = list.files.length;
    alert(numFiles);
}

document.getElementById("test").onclick = function (e) {
    listFiles();    
}

现在它刚刚返回0。@Joe Scotto我测试了它，它工作正常（在Firefox上）。chrome有办法吗？我不能让它在Firefox上运行。不要使用chrome。您可以尝试将行
var files=…
移动到函数
listFiles
@JoeScotto中。首先，我指出您的错误并帮助您在Chrome上修复它，然后您使用此信息发布自己的答案。如果我知道你是多么感激我的帮助，我就不会花时间在这件事上了。