JS上传多图路径获取问题：如何获取所有上传图片地址并分别显示？

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《JS上传多图路径获取问题：如何获取所有上传图片地址并分别显示？》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

js传递上传图片路径有点问题请教？

问题：

使用上述js文件进行上传多张图片时，只能得到最后一张图片的地址。如何修改代码以获取所有上传图片的地址并将其追加到不同的input框中？

答案：

为了解决这个问题，你可以在上传成功后将每个图片的地址追加到一个数组中，然后将数组赋值给另一个input框（#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(', '));
});

修改后的代码会在上传成功后将每个图片的地址追加到数组中。然后，它将数组中所有地址以逗号分隔的字符串形式赋值给#info3 input框。

以上就是本文的全部内容了，是否有顺利帮助你解决问题？若是能给你带来学习上的帮助，请大家多多支持golang学习网！更多关于文章的相关知识，也可关注golang学习网公众号。