关于javascript图片上传路径处理的疑问
在进行多张图片上传时，如何将所有图片的地址都保存下来，而不是只保存最后一张图片的地址，是一个常见问题。本文将针对以下代码片段，解释如何修改代码以实现此功能。
代码片段展示了一个使用WebUploader插件实现多图片上传的功能。uploader.on('uploadSuccess', function(file,response) { ... }); 这段代码会在每次图片上传成功后执行，但是原代码中$("#info3").val(JSON.stringify(response.imgurl)); 这行代码每次都会覆盖#info3 input框中的值，导致最终只能获取到最后一张图片的地址。
为了解决这个问题，我们可以创建一个数组来存储所有上传图片的地址，并在每次上传成功后将新的地址添加到数组中。最后，再将数组中的所有地址以某种格式连接起来，赋值给#info3 input框。
修改后的代码如下：
立即学习“Java免费学习笔记（深入）”；
var imgUrls = [];
uploader.on('uploadSuccess', function(file,response) {
$("#imgs_url").append(JSON.stringify(response.imgurl)+"<br>");
imgUrls.push(JSON.stringify(response.imgurl));
$("#info3").val(imgUrls.join(', '));
});这段代码首先定义了一个空数组imgUrls。在每次上传成功后，它会将返回的图片地址JSON.stringify(response.imgurl)添加到imgUrls数组中。最后，它使用join(', ')方法将数组中的所有地址用逗号和空格连接起来，并将结果赋值给#info3 input框。这样，#info3 input框中就包含了所有上传图片的地址。 $("#imgs_url").append(JSON.stringify(response.imgurl)+"
"); 这行代码则保持不变，继续在页面上显示所有图片地址。 通过这种方式，就能正确地获取所有上传图片的地址了。
以上就是JavaScript多图片上传：如何保存所有图片地址而不是仅保存最后一张？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
997
