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

Question

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

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

单击它后，它将带我到localhost:3000/file.pdf 。 如何打开一个带有PDF的新窗口？

Answer 1

您必须托管本地pdf文件，以使其在应用程序中打开。

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

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

问候

阿杰

Answer 2

首先，让我们确保file.pdf文件的路径正确。 如果文件的路径为true。 您从以下代码编写项目。

实际上，您不应在标签后再次使用该按钮。 我想您是以此来编辑代码的。

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

要么

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

试试上面的代码。

Answer 3

您需要包括类型

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

Answer 4

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