首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >图片选择器jquery插件:如何获取所选图片的img-src (多选情况)

图片选择器jquery插件:如何获取所选图片的img-src (多选情况)
EN

Stack Overflow用户
提问于 2015-02-17 21:21:10
回答 2查看 3.1K关注 0票数 0

我正在使用这个图像拾取器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中收集所有这些图像呢?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-02-17 21:40:41

您可以随时访问多个列表,如下所示:

$("*[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"));
});
票数 2
EN

Stack Overflow用户

发布于 2015-02-17 22:05:18

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

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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28562524

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档