javascript - 如何在 JavaScript 中保存一组特定的图像类别？

Question

有一个名为“original-image”的类，它是 img 元素。我想知道如何在本地保存所有“original-image”类元素的 src 值。

这是代码:

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

我正在尝试将此元素的 src 保存到我的硬盘上，但适用于页面上“original-image”类的所有元素。我该怎么做？

Answer 1

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

我们将使用 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 浏览器中尝试