如何将图像文件转换为下载链接？

Question

祝你有美好的一天。你能写出关于这个问题的详细信息吗？我有一个图像文件，如何将其转换为下载链接？当我输入 URL（即下载链接）时，我希望直接自动下载图像文件，而无需单击任何按钮或其他任何内容。 HTML 可以用于此目的吗？如果你能写出详细的信息我会很高兴

Answer 1

您可以使用具有下载属性的

<a>

（锚点）标签。这种方法允许在访问 URL 时自动下载图像文件，而不需要任何额外的用户交互。

带下载属性的HTML标签：您可以使用带下载属性的标签为图像文件创建直接下载链接。当用户访问该 URL 时，将自动下载图像文件。

<a href="path_to_image.jpg" download>
  <img src="path_to_image.jpg" alt="Image Description">
</a>

在此示例中，将

path_to_image.jpg

替换为图像文件的实际路径。 download 属性指示浏览器下载链接的文件而不是导航到它。

Answer 2

不可以，您无法自动下载 HTML 文件。
首先，你需要获得用户的许可。如果网络服务器可以在未经用户同意的情况下简单地发送将保存到用户电脑上的文件，这将是一个巨大的安全问题。这样，任何网络托管服务商都可以简单地将病毒和恶意软件发送给任何用户。

您可以做的就是简单地提供一个下载链接，该链接只不过是带有

<a>

属性的

download

锚点。然后，您可以使用 JS 在元素上调度

click

事件。

const DOWNLOAD = document.querySelector('a[download]');

let click = new Event('click');
DOWNLOAD.dispatchEvent(click);

<a href="https://via.placeholder.com/100.jpg" download>Image download</a>