本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

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

网络教程 app 1℃

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

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

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

    定义一个空数组来存储所有图片地址:

var imgurls = [];

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

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

转载请注明:范的资源库 » 如何修改代码实现多张图片上传并获取所有图片地址?

喜欢 (0)