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

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

原创最新推荐文章于 2023-10-28 19:25:17 发布 · 4.3k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

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

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

                    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]);  
                    }

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