JS上传多图路径获取问题:如何获取所有上传图片地址并分别显示?(获取.多图.上传图片.路径.上传...)

wufei1232025-01-08PHP3

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框。

以上就是JS上传多图路径获取问题:如何获取所有上传图片地址并分别显示?的详细内容,更多请关注知识资源分享宝库其它相关文章!

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。