下载属性html链接只打开一个新页面



我正在尝试允许用户下载文件。我在这里举了一个例子:

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_download

当我点击他们的w3照片时,我会在Chrome中下载jpg。

然而,当我将他们的html复制到本地机器上的一个纯静态html文件中时,我在Chrome中打开html文件,然后我尝试下载该文件,然后Chrome在另一个窗口中打开照片,而不下载任何内容。有人知道问题出在哪里吗?

我的代码(几乎完全相同(:

<!DOCTYPE html>
<html>
<body>
<h1>The a download attribute</h1>
<p>Click on the image to download it:<p>
<a href="images/myw3schoolsimage.jpg" download>
<img src="images/myw3schoolsimage.jpg" alt="W3Schools" width="104" height="142">
</a>
<p><b>Note:</b> The download attribute is not supported in IE or Edge (prior version 18), or in Safari (prior version 10.1).</p>
</body>
</html>

我在本地下载了w3图像到我的计算机上,所以它不应该是跨站点的问题

除了w3schools,你几乎在任何地方学习都会更好。

但更重要的问题是,您是在本地运行Web服务器,还是依赖于文件:///链接?

  • 隐身模式不会以任何方式影响您的测试

快速浏览一下谷歌"从文件下载:///链接失败"的结果,就会发现本地文件下载和文件下载://链接存在大量问题,尤其是在chrome上。

这并不奇怪-chrome是一个浏览器而不是一个web服务器。

在这种"下载"的语义为浏览器定义不一致的情况下,真正下载的语义定义良好,并且它们的行为在真正的服务上下文中是一致的。

为了进一步加深您对这些工具和项目目标的理解,我强烈建议您下载并安装用于平台的Web服务器,并学习其配置和部署的基础知识。

你不会后悔这样做的。

相关内容

最新更新