【问题标题】:adding a download link for a local pdf file isn't working为本地 pdf 文件添加下载链接不起作用
【发布时间】:2023-03-05 11:40:01
【问题描述】:

我正在尝试添加一个链接,让任何人都可以在我的网站上下载我的简历。这就是我所拥有的

    <a  href="My Resume.pdf" class='download' download="Resume PDF">Download CV</a>

我相信这是正确的格式,但是当我单击链接时它不起作用。该文件总是尝试下载为 HTML 而不是 PDF 并且失败。是因为我还在本地主机服务器上吗?我上市后会好吗?谢谢! (顺便说一下,我正在使用 Angular,并且必须为要在 VS 代码中读取的文件安装扩展。)

【问题讨论】:

  • "文件总是尝试以 HTML 格式而不是 PDF 格式下载,但失败了。" — 是什么让您认为它试图以 HTML 格式下载? “失败”是什么意思?
  • 任何答案对你有用吗?

标签: html angular download href downloadfile


【解决方案1】:

而不是用下载属性指定要下载的文件:

<a href="My Resume.pdf" class='download' download="Resume PDF">Download CV</a>

设置下载属性为下载,如下:

<a href="My Resume.pdf" class='download' download="download">Download CV</a>

指定下载属性并将其留空而不分配任何内容:

<a href="My Resume.pdf" class='download' download>Download CV</a>

这两种方法都应该有效。

这里有一个简短的解释: 指定下载属性时,这会告诉浏览器下载使用 href 属性指定的文件。

【讨论】:

    【解决方案2】:

    要检查的三件事:

    1. 删除download 属性。你可能不需要它。如果您希望 PDF 在新选项卡中为用户打开,您可以添加 target 属性:target="_blank"

    2. 一般来说,不带空格的文件命名会更安全,因为并非所有 Web 服务器对空格的解析都相同。您是否尝试过将文件命名为 MyResume.pdf,结果是否相同?

    3. 接下来要检查的是确保文件与页面加载的目录位于同一目录中。您确定文件的位置吗?

    【讨论】:

    • 我尝试重命名它仍然没有运气! :/ 是的,我很肯定它在同一个文件中!
    • 您是否尝试过简单地删除download 属性。我认为您不需要这样做,因为 PDF 的默认浏览器行为是为用户提供查看或下载的选项。
    • 哦,好吧,我猜是别人做了。没有好的理由。当您删除 download 属性并删除文件名中的空格时,它是否有效?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-10
    • 2018-10-13
    • 2015-08-07
    • 1970-01-01
    • 1970-01-01
    • 2018-09-13
    相关资源
    最近更新 更多