FormData多图片上传（每次只能传送最后一张图片的问题）

最新推荐文章于 2023-10-28 19:25:17 发布

phoebe_huang

最新推荐文章于 2023-10-28 19:25:17 发布

阅读量4.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/PigBiBiX/article/details/77624524

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种解决多图片上传时出现的图片覆盖问题的方法。通过将上传的图片追加到 FormData 数组中，确保了所有图片都能成功上传而不会被后续图片覆盖。

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

最近在需要做一个多图片上传的功能，上传的图片，一直被最后一张图片覆盖，只能上传最后一张一张。代码如下：

                    var formData = new FormData();

                    var pic = document.getElementById("goodsDetailPic").files;

                    for(var j=0;j<pic.length;j++){
                        formData.append('goodsPhoto',pic[j]);
                    }

解决方法：

		   var formData = new FormData();

                    var pic = document.getElementById("goodsDetailPic").files;

                    for(var j=0;j<pic.length;j++){
                        formData.append('goodsPhoto[]',pic[j]);  
                    }

把保存上传图片的变量，声明为一个数组，所有图片都会被压进数组，就不会被后面上传的图片所覆盖。