Image Picker jquery plugin:How 获取选中图片的img-src（多选情况）

Question

我正在使用这个 Image Picker 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（在多选情况下）并将所有这些都收集到 array.Is 中？

Answer 1

您始终可以像这样访问您的多个列表：

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

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

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

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

Answer 2

    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);

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

Image Picker jquery plugin:How 获取选中图片的img-src（多选情况）

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

javascript

jquery

jquery-plugins

jquery-events