上传多张图片时,如何获取所有图片地址?

上传多张图片时,如何获取所有图片地址?

传递多个图片路径

问题:

在使用上传多个图片的 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(', '));

以上就是上传多张图片时,如何获取所有图片地址?的详细内容,更多请关注其它相关文章!