使用 html 链接到 pdf 文件答案

【问题标题】：Linking to a pdf file with html使用 html 链接到 pdf 文件
【发布时间】：2016-04-27 20:10:38
【问题描述】：

链接

这是我的链接，我将 pdf 文件 (path.pdf) 保存在资源文件夹中，并尝试单击此链接打开 pdf。当我在本地运行时单击它时，错误是 " 找不到您的文件它可能已被移动或删除。”

它显然在那里。我检查了拼写检查并尝试更改 pdf 文件的位置。 HTML 页面链接就好了。

谢谢

【问题讨论】：

【解决方案1】：

由于您没有向我们说明您是使用本地主机还是只是在浏览器中查看文本文件，所以我假设是后者。

在这种情况下，您将拥有锚标记并在 href 属性中放置文件的位置

<a href="C:\Users\Shannon Myers\Documents\Biology-DNA\teen_time_report.pdf">ok</a>

在上面的示例中，我从 C: 驱动器开始，然后从那里开始。你也可以这样做：

<a href="Resources\teen_time_report.pdf">ok</a>

只要资源文件夹和 html 文件在同一个文件夹中，这应该会链接到您心目中的 pdf 文件。

【讨论】：

【解决方案2】：

如果你使用本地主机，你可以使用

<a href="./pdfFile.pdf" target="blank">PdfFile</a>

它将在您的浏览器中打开新标签并开始下载文件。

如果您像 netlify 一样托管

<a href="./pdfFile.pdf" target="blank">PdfFile</a>

它将打开一个显示您的 pdf 文件的新选项卡。

【讨论】：