在<a> tag

Question

I'm running create-react-app, and I want to open a local PDF file stored inside my repo with a relative path.

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

After I click it, it takes me to localhost:3000/file.pdf. How do I open up a new window with a PDF?

Answer 1

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

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

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

此致

的Ajay

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>