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

Posted 2023-05-07

【中文标题】如何在 JavaScript 中保存一组特定的图像类？

【英文标题】：How do I save a specific set of class of images in JavaScript?

【发布时间】：2015-07-22 19:35:47

【问题描述】：

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

这是代码：

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

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

【问题讨论】：

您不能使用 javascript 强制下载。 Read more here.

【参考方案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 浏览器中尝试