javascript – HTML5 FileList和JQuery的每一个

前端之家收集整理的这篇文章主要介绍了javascript – HTML5 FileList和JQuery的每一个前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我抓住文件列表([ 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'

任何的想法?谢谢.

解决方法

这是因为$(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循环.

猜你在找的jQuery相关文章