JS上传多张图片时,如何获取所有图片地址?

JS上传多张图片时,如何获取所有图片地址?

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

本问题是关于一个图片上传脚本的问题,在上传多张图片时,原代码只能获取最后一张图片的地址。

问题详情

    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)+"
");//上传后返回的图片路径追加到div中去 var addtype3=$("#info3").val(JSON.stringify(response.imgurl)); });

登录后复制

原代码在上传图片成功后,将图片地址追加到 #imgs_url 的 div 中,并将值赋给 #info3 的 input 框。但这种方式会导致只能获取最后一张图片的地址。

问题解答

要解决这个问题,可以修改代码如下:

var imgUrls = [];uploader.on('uploadSuccess', function(file,response) {    $("#imgs_url").append(JSON.stringify(response.imgurl)+"
"); imgUrls.push(JSON.stringify(response.imgurl)); $("#info3").val(imgUrls.join(', '));});

登录后复制

修改内容:

创建一个空数组 imgUrls 来存储所有上传图片的地址。在 uploadSuccess 事件处理函数中,将返回的图片地址追加到 imgUrls 数组中。最后,把所有图片地址用 , 作为分隔符,拼接成一个字符串,并赋值给 #info3。

这样,每次上传成功后,都会将图片地址添加到 imgUrls 数组中,并最终在 #info3 中保存所有上传图片的地址。

以上就是JS上传多张图片时,如何获取所有图片地址?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2803805.html

(0)
上一篇 2025年3月8日 21:46:18
下一篇 2025年3月6日 23:43:09

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论