关于 html：如何在 create-react-app 项目中链接到本地?? pdf 文件？


How do I link to local pdf file in a create-react-app project?

我有一个 create-react-app 项目，我想在其中链接到我在项目中保存的 pdf 文件。我想我的问题是双重的：

1) 我不确定我到底需要在哪里保存 PDF 文件(src 文件夹与公共文件夹)

2) 如何正确链接到 pdf 文件？现在我有这样的事情：

1
Resume

它没有显示 - 它改变了 URL 但不会带你到 PDF。

非常感谢任何建议！

您需要将文件放在公共文件夹中。如果你想让它在浏览器中打开，那就是它会做的。如果要强制用户下载，可以在锚标签中添加'download'属性。

相关讨论

  • 将文件放在 src/ 中的某个位置，例如 src/static/my-file.pdf。
  • 在组件顶部导入文件，例如 import myFile from"./static/my-file.pdf";(路径相对于 src/)。
  • 在 a 标签中引用对象：Link to My File
    • 相关讨论

    添加"下载"帮助我使用 Create React App

    1
    2
    3
    4
    5
    <a
      href="/pdfname.pdf"
      download
    >
      Download Resume

    pdf 位置：

    在公共文件夹

    我在项目的两个不同区域遇到了这个问题，即 src 文件夹中的 App 组件和来自子导航组件的链接。我在 src 目录中创建了一个"docs"文件夹，并使用 require 语法链接到我的文件，它对我有用。

    在导航组件的实例中，我通过将目录向上更改两级来访问文件。

    1
    2
    3
    <Link href={require("../../docs/FILE_NAME.PDF")} target="blank">
      Resume    
    <Link>

    在App组件的实例中，我在同一个目录中搜索。

    1
    2
    3
    <Link href={require("./docs/FILE_NAME.PDF")} target="blank">
      Resume
    </Link>