图像选取器jquery插件:如何获取所选图像的img src(多选情况）

Image Picker jquery plugin:How to get img-src of selected images(multiple selection case)

本文关键字：图像 img 情况 src jquery 选取 插件 何获取 获取      更新时间：2023-12-24

我正在使用这个图像选择器jQuery插件(http://rvera.github.io/image-picker/)并希望获得所选图像的img src。

在一个选择案例中，我尝试了这个，一切都很好。

$(".image-picker").imagepicker({
            clicked:function(){
      alert($(this).find("option[value='" + $(this).val() + "']").data('img-src'));
  }
        });

因此，如果我想获得所有被选中的图像的img src（在多选的情况下），并在数组中收集所有这些图像。有吗？

    var req = $("div[class='thumbnail selected']").children('img');
    var imagessource = [];
    $(req).each(function (datakey, datavalue) {
        src =  $(datavalue).attr('src'); 
        imagessource.push(src);
      });
      console.log(imagessource);

获取一个包含所有选定图像的对象，然后迭代以提取每个图像源

您可以随时访问您的多个列表，如下所示：

$("*[multiple=multiple]").find("option:selected").each(function(index, item){
    console.log($(item).attr("data-img-src"));
});

当然，将"*[multiple=multiple]"选择器替换为元素标识符，因为这样您将从页面中获得所有多个列表。

如果你不想这样做，另一种方法是，因为图像选择器插件正在包装图像的div上添加"selected"类，所以可以使用它来获取所有选中的图像：

$(".image-picker").find(".selected img").each(function(index, item){
    console.log($(item).attr("src"));
});
相关文章：