javascript - 获取所有 .uploadedFiles 的所有文件

Question

我正在寻找一个 javascript/jquery(无论哪种方式)来收集我上传的所有文件。

我有以下代码，其中 .afbeelding 是几个文件输入字段的类

var geuploadeAfbeeldingen = $('.afbeeldingen').files;
  for (var i = 0; i < geuploadeAfbeeldingen.length; i++) {
}

这似乎不起作用。当我尝试 document.getElementsByClassName 时，它也不起作用。然而有趣的是，document.getElementById 似乎在一个输入字段上起作用

有什么想法吗？

Answer 1

这应该做你想做的

var files = [],
    geuploadeAfbeeldingen = $('.afbeeldingen').each(function(){
        for (var i = 0; i < this.files.length; i++){
            files.push(this.files[i]);
        }
    });

您最终得到一个数组 (files)，其中包含您通过输入元素选择的每个文件。

演示在 http://jsfiddle.net/gaby/GJW7Y/1/

---

如果你只想要文件名然后改变

files.push(this.files[i]);

与

files.push(this.files[i].name);