HTML5 FileList和JQuery各自

Question

我抓住文件列表([ http://www.w3.org/TR/FileAPI/#dfn-filelist]),然后我想使用JQuery的每个函数.

var file_list = $(this).attr('files');
/* Code goes here */
file_list.each(function()
{
/* Code goes here */

我收到以下错误:

Uncaught TypeError: Object #<FileList> has no method 'each'

任何的想法？谢谢.

Answer 1

这是因为$(this).attr('files');只返回普通的DOM文件列表,而不是jQuery对象.

要么你需要以老式的方式循环它:

for(var i=0,file;file=file_list[i];i++) {
 //do your thing
}

或者你可以使用$ .each:

$.each(file_list,function(idx,elm){
     //do your thing
});

请注意,$ .each比plain for循环慢,并且在这种情况下为您提供了极少的便利,所以我坚持使用for循环.