JavaScript 文件上传组件：如何获取多个上传图片的路径？

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《JavaScript 文件上传组件：如何获取多个上传图片的路径？ 》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

问题：

在 JavaScript 文件上传组件中如何获取多个上传图片的路径？

问题补充信息：

以下代码中，uploader.on('uploadSuccess') 事件被用于上传后获取图片路径，但只能获取最后上传的图片路径，而不是全部图片路径。

uploader.on('uploadSuccess', function(file,response) {
    //uploader.options.formData.data_type = 1;
    //alert(JSON.stringify(response.status));//response是返回的json串 status是json中的元素
    $("#imgs_url").append(JSON.stringify(response.imgurl)+"</br>");//上传后返回的图片路径追加到div中去
    var addtype3=$("#info3").val(JSON.stringify(response.imgurl));
});

回答：

为了获取所有上传图片的路径，可以创建一个数组 imgUrls 来存储这些路径。然后，在 uploader.on('uploadSuccess') 事件中，将新图片的路径追加到数组中。最后，将数组传递给 #info3 输入框，以存储所有图片路径。

修改后的代码如下：

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(', '));
});

以上就是《JavaScript 文件上传组件：如何获取多个上传图片的路径？ 》的详细内容，更多关于的资料请关注golang学习网公众号！