javascript - 图片显示已下载但点击时未从浏览器打开

Question

在我点击下载图像后图像显示已下载，它在浏览器中显示失败 - 没有文件。我可能在提供下载路径时做错了。这是我的代码:

       <button id="download-button" class="btn--success">Download</button>
<script>
    document.getElementById('download-button').addEventListener('click', function () {
        var link = document.createElement('a');
        link.setAttribute('href', '/Downloads');
        link.setAttribute('download', 'https://tinyjpg.com/images/social/website.jpg');
        link.style.display = 'none';
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    });
</script>

Answer 1

最后的 a 标签应该是这样的:

  <a href="https://tinyjpg.com/images/social/website.jpg" download>
       <img src="https://tinyjpg.com/images/social/website.jpg">
  </a>

但是你设置了链接

link.setAttribute('href', '/Downloads');
link.setAttribute('download', 'https://tinyjpg.com/images/social/website.jpg');