登录
首页 >  文章 >  php教程

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

时间:2024-12-19 16:24:42 482浏览 收藏

文章小白一枚,正在不断学习积累知识,现将学习到的知识记录一下,也是将我的所得分享给大家!而今天这篇文章《如何修改代码实现多张图片上传并获取所有图片地址?》带大家来了解一下##content_title##,希望对大家的知识积累有所帮助,从而弥补自己的不足,助力实战开发!


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

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

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

  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,就可以获取到所有图片的地址了。

今天关于《如何修改代码实现多张图片上传并获取所有图片地址?》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>