【问题标题】:How to download a local file in reactjs? [duplicate]如何在 reactjs 中下载本地文件? [复制]
【发布时间】:2021-05-17 18:23:14
【问题描述】:

如何下​​载本地文件,比如存储在 d 驱动器中的 demo.txt。从服务器调用中,我得到了本地文件位置。如何在onClick事件上下载?

【问题讨论】:

标签: javascript reactjs


【解决方案1】:

只需创建一个带有 href 属性的锚链接到您要下载的文件的相对路径,如下所示:

<a href="/someFolder/filename.ext" target='_blank'>download</a>

【讨论】:

    【解决方案2】:

    从前端触发浏览器下载不可靠。 您应该做的是,创建一个端点,在调用时将提供正确的响应标头,从而触发浏览器下载。 检查这个answer

    这个和React无关,可以使用anchor上的download属性。

    <a href='/somefile.txt' download>Click to download</a>
    

    注意

    “下载”属性可能只是在新选项卡中打开文件,具体取决于浏览器。

    【讨论】:

    • 这里我在控制台中遇到错误。不允许加载本地资源:
    • 这是 Chrome 和其他现代浏览器中内置的安全异常。措辞可能不同,但在某种程度上,它们都有安全例外来处理这种情况。
    • 还有其他方法可以获得想要的结果吗?
    猜你喜欢
    • 2018-11-14
    • 2019-01-08
    • 2019-02-20
    • 2017-12-02
    • 2011-07-16
    • 2015-06-23
    • 2019-01-19
    • 1970-01-01
    相关资源
    最近更新 更多