js中遍历类下批量上传的文件，判断文件files是否存在，出现cannot read files ..undefined错误的可能原因之一

冬早

于 2018-06-10 20:23:58 发布

阅读量2k

点赞数

分类专栏： springMVC项目学习

本文链接：https://blog.youkuaiyun.com/learning_mouse/article/details/80644287

版权

springMVC项目学习专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个JavaScript中遍历文件并上传时可能出现的问题：检查文件是否存在时出现的'cannot read files of undefined'错误。通过详细分析代码及调试过程，指出了问题所在——索引变量的误用，并给出了正确的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中遍历类下批量上传的文件，判断文件files是否存在，出现cannot read files ..undefined错误的可能原因之一

仔细在网页的开发者工具里调试代码，一句句的看，很可能是一些小问题被你忽略了，比如下面这段

 $('.detailimg').map(
            function(index,item){
                //判断该控件是否已选择了文件
                if($('.detailimg')[index].files.length > 0){
                    //将第i个文件流赋值给key为Img i 的表单键值对里
                    formData.append('Img' + index, $('.detailimg')[index].files[0]);
                }
            });

在function中indeks,item的顺序问题，这两个单词本身只是符号，在调试中值为数字的那个才是你的索引。