Javascript 如何在reactjs中下载本地文件?

Javascript 如何在reactjs中下载本地文件?,javascript,reactjs,Javascript,Reactjs,如何下载存储在d驱动器中的本地文件(如demo.txt)。从服务器调用中,我获取本地文件位置。如何在onClick事件中下载它?从前端触发浏览器下载不可靠。 您应该做的是,创建一个端点,该端点在调用时将提供正确的响应头,从而触发浏览器下载。 检查这个 这与React无关,您可以在锚上使用download属性 <a href='/somefile.txt' download>Click to download</a> 注意 “下载”属性可能只是在新选项卡中打开文件,具

如何下载存储在d驱动器中的本地文件(如demo.txt)。从服务器调用中,我获取本地文件位置。如何在onClick事件中下载它?

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

这与React无关,您可以在锚上使用download属性

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

注意


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

只需使用href属性创建指向要下载文件的锚链接,如下所示:

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


您可以检查这个答案:您的文件是在客户端计算机还是在服务器中?我在控制台中发现了错误。不允许加载本地资源:这是Chrome和其他现代浏览器内置的安全例外。措辞可能会有所不同,但在某种程度上,它们都有安全例外,以应对这种情况。是否有其他方法可以获得预期的结果?