【问题标题】:How to put a file in my website server available for download如何将文件放在我的网站服务器中可供下载
【发布时间】:2022-08-02 15:06:37
【问题描述】:

我试图在反应中实现点击和下载功能。 我尝试使用

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

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

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

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

  • 如何让您的 Web 服务器提供静态文件完全取决于您使用的 Web 服务器。 (除非您特别询问如何将内容上传到example.com,而不是“您自己的服务器,example.com 是占位符”,在这种情况下:您不这样做,请改用您自己的服务器)
  • 您的问题是新手,我建议您首先修改 [stackoverflow.com/help/how-to-ask] 指南无论如何,我相信增加您在服务器方面的知识对于帮助您制定更好的问题至关重要,因为大多数答案超出了范围 这是一篇简单的文章,应该可以帮助您更好地掌握你想要什么 [inmotionhosting.com/support/website/how-to-upload-files-server/…

标签: html reactjs download


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    我从这篇文章中找到了答案:ReactJS- downloading a pdf file "Failed - no file"

    我只需要将要下载的文件放在公用文件夹中

    【讨论】:

      【解决方案3】:

      我使用一个名为:js-file-download 的库,它有助于下载任何类型的文件。

      这是链接:https://www.npmjs.com/package/js-file-download

      【讨论】:

        【解决方案4】:

        您可以使用以下模板生成可下载的文件链接。

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

        【讨论】:

        • 问题是询问如何使 URL 工作,而不是如何让 HTML 对 URL 执行特定操作。
        【解决方案5】:

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

        然后你可以这样做:

        &lt;a href="pdf-folder/mypdf.pdf"&gt; The pdf-file&lt;/a&gt;

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

        【讨论】:

        • 问题是询问如何使 URL 工作,而不是如何让 HTML 对 URL 执行特定操作。 (无论如何,这是让浏览器下载东西的一种非常复杂的方法)。
        • 哦,对不起。给我一秒钟让我编辑我的答案
        • 我不确定编辑答案会有什么帮助;这个问题似乎缺乏足够的细节,在目前的状态下根本无法回答。
        • 重新编辑:您对服务器的工作方式做了很多假设。
        • 尝试实现 javascript 并使用 createObjectUrl 方法为其创建一个 url 链接。有了它,您可以将链接添加到 href
        【解决方案6】:
        <a href="examplefile.pdf" download > Download </a>
        

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

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

        【讨论】:

        • 请根据@Paulliano 的回答修改昆汀
        猜你喜欢
        • 1970-01-01
        • 2011-08-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-05-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多