上传多张图片时,如何获取所有图片地址?
传递多个图片路径
问题:
在使用上传多个图片的 JavaScript 代码中,只获得最后一张图片的地址,需要得到所有图片的地址。
解决方法:
步骤 1:创建数组来存储图片地址
var imgUrls = [];
步骤 2:在 uploadSuccess 事件处理程序中追加图片地址
在 uploadSuccess 事件处理程序中,追加新图像地址到 imgUrls 数组:
uploader.on('uploadSuccess', function(file,response) { $("#imgs_url").append(JSON.stringify(response.imgurl)+"</br>"); imgUrls.push(JSON.stringify(response.imgurl)); });
步骤 3:将数组值赋值给输入框
通过连接数组中所有元素并用逗号分隔,可以将数组值赋值给保存图片地址的输入框 (#info3):
$("#info3").val(imgUrls.join(', '));
以上就是上传多张图片时,如何获取所有图片地址?的详细内容,更多请关注其它相关文章!