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

登录后复制

回答:

立即学习“Java免费学习笔记(深入)”;

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

修改后的代码如下:

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

登录后复制

以上就是JavaScript 文件上传组件:如何获取多个上传图片的路径?的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 21:42:51
下一篇 2025年2月25日 10:54:53

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

相关推荐

发表回复

登录后才能评论