我希望在用户单击表格元素中的图像时下载 .pdf 文件。这是我得到的:
<a href="splosion_CV.pdf"download="splosion_CV.pdf"><img src="images/downloadIcons/download_icon_violet.png" width="32" height="32" alt="Download my CV" border="0"/></a>
现在，它似乎是点击下载，但随后 Chrome 显示“服务器故障问题”。我使用的是 Chrome 38 版，关闭了广告拦截扩展程序。
.pdf 在我的 public_html 文件夹中(不在任何子文件夹中)所以文件路径似乎是正确的...
当我尝试从 Safari 7.0.6 中的链接下载时，我收到此消息:“禁止访问。您无权访问此服务器上的/splosion_CV.pdf。此外，尝试时遇到 404 Not Found 错误使用 ErrorDocument 来处理请求。”
知道为什么下载属性对我不起作用吗？
最佳答案
我在 chrome 和 fire-fox 中运行你的代码，看起来它运行得很好。
代码是:
<!DOCTYPE html>
<html>
<body>
<a href="hello.pdf" download>
<img src="Cube.png" width="32" height="32" border="0"/>
</a>
</body>
</html>
注意:IE、Safari 或 Opera 版本 12 不支持下载属性
(和更早的)
关于html5 href 下载属性不适用于 .pdf 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26290715/