如何在JavaScript中保存一组特定的图像类?

时间:2015-07-22 19:35:48

标签: javascript image save

有一个叫做“原始图像”的类,它们是img元素。我想知道如何在本地保存所有“原始图像”类元素的src值。

这是代码:

<img title="Pirate Queen" alt="Pirate Queen" class="original-image " src="http://t0.rbxcdn.com/cfe7e313ed7cd57f5e39c7c4aad18683">

我正在尝试将此元素的src保存到我的硬盘驱动器上,但是对于页面上“原始图像”类的所有元素。我该怎么做?

1 个答案:

答案 0 :(得分:2)

对你的黑客行为感到满意并买我的啤酒......

我们将使用&#34;下载&#34;来自html5的属性并进行自动点击,按图像进行图像

$(".original-image").each(function(){
    //Current image tag
    $this = $(this);
    //Current url
    $current_url = $this.attr('src');
    //Dynamic anchor
    $shadow_anchor = $('<a id="super_shadow_anchor" download href=' + $current_url +'></a>');
    $('body').append($shadow_anchor);

    setTimeout(function(){
        //Native click, jquery's click do not work 
        $("#super_shadow_anchor").get(0).click();
        //remove the anchor`enter code here`
        $("#super_shadow_anchor").remove();
    }, 500);

});

编辑:在HTML5浏览器中试用