在 <a> 标签上打开本地 PDF 文件答案

【问题标题】：Open a local PDF file on <a> tag在 <a> 标签上打开本地 PDF 文件
【发布时间】：2017-11-14 09:06:37
【问题描述】：

我正在运行 create-react-app，我想用相对路径打开存储在我的仓库中的本地 PDF 文件。

<a href="../file.pdf" target="_blank">
    <button name="Click here" />
</a>

点击后，我会转到localhost:3000/file.pdf。如何打开包含 PDF 的新窗口？

【问题讨论】：

【解决方案1】：

您必须托管本地 pdf 文件才能在您的应用程序中打开它。

使用 SimpleHTTPServer 安装服务器并在您的 pdf 文件所在的任何位置运行它。

成功运行 SimpleHTTPServer 后，您可以通过在 Web 浏览器中打开 pdf 文件来检查它。如果 pdf 文件在您当前的浏览器中打开，那么您的文件已经托管，现在可以在您的应用程序中打开。

问候

阿杰

【讨论】：

【解决方案2】：

你需要包含类型

<a href="../file.pdf" type="application/pdf" target="_blank">

【讨论】：

【解决方案3】：

首先，让我们确保 file.pdf 文件的路径正确。如果文件的路径为真。你用下面的代码写在项目上。

实际上，您不应该在标记之后再次使用该按钮。我认为您可以通过此编辑代码。

<a href="../file.pdf" target="_blank">
    <label>Click here</label>
</a>

或

<a href="../file.pdf" target="_blank">
    Click here
</a>

试试上面的代码。

【讨论】：

【解决方案4】：

<a href="../file.pdf" target="_blank">
    <button name="Click here" />
</a>

【讨论】：

这行不通吗？他正在尝试从其本地托管文件夹访问父文件夹。
虽然此代码 sn-p 可能是解决方案，但 including an explanation 确实有助于提高您的帖子质量。请记住，您是在为将来的读者回答问题，而这些人可能不知道您提出代码建议的原因。
在编辑帖子之前，双引号出现语法错误。