如何在不打开页面和单击鼠标的情况下自动下载图像答案

【问题标题】：how to download the image automatically without opening the pages and clicking the mouse如何在不打开页面和单击鼠标的情况下自动下载图像
【发布时间】：2020-10-19 00:32:09
【问题描述】：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>

<head>
    <title>Page Title</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src="test.js"></script>
</head>

<body>

    <button id="download-btn">download</Button>


</body>
<script>
    $(document).ready(function () {
        $('#download-btn').click(function () {
            var link = document.createElement('a');
            link.href = 'http://cyimg44.cyworld.com/common/file_down.asp?redirect=%2F440022%2F2017%2F8%2F6%2F14%2FDSC%5F2087%5F8%5F6155677001240%2Ejpg';  // use realtive url 
            link.download = 'MyToy.jpeg';
            document.body.appendChild(link);
            link.click();
        });
    })
</script>

</html>

我可以去网页下载图片，方法是点击右键，点击另存为...

但是我有很多图片链接。

我不想转到另一个网页。我想点击按钮后直接下载。

我可以这样做吗？有可能吗？？

【问题讨论】：

标签： javascript html jquery css reactjs

【解决方案1】：

你能在下载选项中使用“a”标签吗？

<a href="/images/somecoolimage.jpg" download>Download</a>

如果你想要的话，你可以把它设计成一个按钮

【讨论】：

哇，我从来没有偶然发现这个属性的小宝石。这比控制要下载的文件的标题要容易得多，并且应该完美地回答 IMO 的问题。浏览器支持很广泛（IE11 除外，但无论如何它已经死了）。谢谢@Piyper！
我刚试过，但我只能去链接不下载..
正如 Sebastian B. 所说，如果您使用的是较旧的浏览器，您可能没有对它最好的支持，您使用 Hyunmyung Kim 尝试使用哪种浏览器？
哦，您正在使用程序提供此文件，而不是让网络服务器服务器提供文件。在这种情况下，很可能您的 asp 程序没有正确设置 mime 类型。该下载选项仅与提供的信息一样好，因此如果您不使用“image/jpg”作为返回流的 mime 类型，您将得到参差不齐的结果，Chrome 似乎总是能找出正确的 mime 类型，Edge，没那么多