您的位置 首页 编程知识

如何修改代码实现多张图片上传并获取所有图片地址?

修改图片上传代码,实现多张图片上传 原始代码中,当你上传多张图片时,最后只会获取到最后一个图片的地址。要实现多…

如何修改代码实现多张图片上传并获取所有图片地址?

修改图片上传代码,实现多张图片上传

原始代码中,当你上传多张图片时,最后只会获取到最后一个图片的地址。要实现多张图片地址的获取,可以对代码进行如下修改:

  1. 定义一个空数组来存储所有图片地址:
var imgurls = [];
登录后复制
  1. 在 uploadsuccess 事件中,将返回的图片地址追加到 imgurls 数组中,并将数组中所有地址通过逗号分隔赋值给 #info3:
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,就可以获取到所有图片的地址了。

以上就是如何修改代码实现多张图片上传并获取所有图片地址?的详细内容,更多请关注php中文网其它相关文章!

本文来自网络,不代表四平甲倪网络网站制作专家立场,转载请注明出处:http://www.elephantgpt.cn/4322.html

作者: nijia

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

18844404989

在线咨询: QQ交谈

邮箱: 641522856@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部