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

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

本文关键字:一组 图像 JavaScript 保存      更新时间:2023-09-26

有一个名为"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"类的所有元素。我该怎么做呢?

为你的黑客行为感到高兴,请我喝杯啤酒....

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