如何在我的网站服务器中放置一个可供下载的文件

How to put a file in my website server available for download

我正在尝试在 React 中实现点击和下载功能。 我尝试使用

<a href="/files/myfile.pdf" target="_blank">Download</a>

但是当用户点击它时,下载会显示“失败 - 无文件”。 我搜索了很多文章,找到的答案是

<a href="http://example.com/files/myfile.pdf" target="_blank">Download</a>

所以现在我的问题是如何将文件上传到网络服务器以做出反应,这样当用户转到该服务器时 url 他们可以下载一个文件。

您可以使用下面的模板生成 link 个可供下载的文件。

  <a href="/images/ImageName.jpg" download>
    <img src="/images/ImageName.jpg" alt="Image">
  </a>

您必须将 pdf 文件放在一个文件夹中。假设文件夹位于主目录中,文件夹名称为 pdf-folder,pdf 文件名为 my-pdf.pdf,

那么你可以这样做:

<a href="pdf-folder/mypdf.pdf"> The pdf-file</a>

如果这不起作用,您应该尝试实施 javascript,然后使用 createObjectUrl。

该文件需要在网络服务器上可用,如果它是 public 文件,则该文件需要将读取权限设置为 Public。小心这一点,不要将写权限设置为 public。如何获取文件在很大程度上取决于您的托管服务提供商。

<a href="examplefile.pdf" download > Download </a>

参考:https://www.wikihow.com/Make-a-File-Downloadable-from-Your-Website

谢谢, 祝你有美好的一天!

我从这个 post 中找到了答案:ReactJS- downloading a pdf file "Failed - no file"

我只需要将要下载的文件放在public文件夹中即可