主页 / 问题 / 1382876
Accepted
TinturSoft
Asked:2022-07-17 13:28:10 +0000 UTC2022-07-17 13:28:10 +0000 UTC

从具有特定类的块中下载图像

  • 772

鉴赏家，需要帮助。底线是如何在网站上实现一个链接，该链接将从特定类下载图像。假设它在网站上，单击时会下载一个图像，该图像位于类 .class 的 div 中。也许有一些关于这个主题的文章，我会很感激，我在谷歌上没有找到任何东西（（

javascript

1 个回答

  1. Best Answer

    我是行家））

    您可以使用fetch()发送请求并将结果写入Blob，然后使用window.URL.createObjectURL()在浏览器缓存中创建下载文件的链接。然后，使用document.createElement('a')在页面上创建一个元素，并使用createObjectURL()将先前创建的 url 放入 href 属性中，然后对其进行click()。

    在这里，我从我的程序中删除了代码，它应该可以工作（我使用了 JQuery）：

    $('.image_class').unbind().on('click', function(){
        fetch($(this).attr('src')).then(resp => resp.blob()).then(blob => {
            const url = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.style.display = 'none';
            a.href = url;
            a.download = 'file_name';
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url);
        });
    });

    如果您正在为 chrome 执行此操作，则可以使用 chrome.downloads.download()：

      $('.image_class').unbind().on('click', function(){
     chrome.downloads.download({
        url: $(this).attr('src'),
        filename: 'filename',
        saveAs: "если нужно скачивать туда куда выбрал пользователь пишешь true, если в дефолтную папку для загрузок то false"
     });
  });
    • 0

相关问题