如何在 JavaScript 中保存一组特定的 class 图像？

Question

有一个叫"original-image"的class，是img元素。我想知道如何在本地保存所有 "original-image" class 元素的 src 值。

这是代码：

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

我试图将此元素的 src 保存到我的硬盘驱动器上，但对于页面上 "original-image" class 的所有元素。我该怎么做？

Answer 1

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

我们将使用 html5 中的 "download" 属性并逐个图像进行自动点击

$(".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 浏览器中尝试

如何在 JavaScript 中保存一组特定的 class 图像？

How do I save a specific set of class of images in JavaScript?

javascript

image

save