我有一个基本的HTML概念.我想在我的示例网站中创建下载链接,但我不知道如何创建它.如何建立链接以下载文件而不是访问它?
我想制作一个<a href链接,点击后会强制浏览器打开“另存为”对话框。HTML5download属性的使用应该在所有现代浏览器上都有这种行为。
当目标是外部托管的图像文件时,这不起作用。该<a href链接将导航到图像而不是下载它。(使用 Imgur 和 Tumblr 上托管的图像进行测试)

<a href="https://i.stack.imgur.com/440u9.png" download>
<img src="https://i.stack.imgur.com/440u9.png" width="200"/>
</a>
Run Code Online (Sandbox Code Playgroud)
例如,如果图像本地托管在您的服务器上,类似的 HTML 代码确实有效
<a href="440u9.png" download>
<img src="440u9.png" width="200"/>
</a>
Run Code Online (Sandbox Code Playgroud)
另一个例子 - 这将在W3Schools Tryit Editor 中工作,但如果您将 HTML 复制到另一个沙箱(如 JSFiddle)中将不起作用
<a href="https://www.w3schools.com/images/myw3schoolsimage.jpg" download>
<img src="https://www.w3schools.com/images/myw3schoolsimage.jpg" width="104" height="142">
</a>
Run Code Online (Sandbox Code Playgroud)
探讨的可能原因:
https:如果 URL 指向同一个域,则带有的 URL 很好,在 W3Schools Tryit Editor 中进行了测试http://...链接可以重定向到,https://...所以这可能是失败的原因,但https://...链接也不起作用