【问题标题】:React JS file upload into local memoryReact JS文件上传到本地内存
【发布时间】:2019-02-11 10:25:20
【问题描述】:

如何上传文件并将上传的文件保存在我的电脑中。

我有关于如何上传到数据库的参考资料。但是如何将这些文件存储到本地计算机中。

【问题讨论】:

  • 标签错误,没有指定 React。
  • @Kornflexx 虽然我同意应该添加一些更具体的标签,但我认为 react 标签在这里没有错。大多数 JS 任务在 React 中的处理方式都不同。没有理由认为这里不是这种情况。
  • 我只是想从前端上传一个文件,并将上传的文件存储在我的电脑中,我能找到一种方法吗?
  • @Jayakar 更新了答案以处理我能想到的所有可能的用例。

标签: javascript reactjs file-handling


【解决方案1】:

问题是你想怎么做。如果你想把它存储在你的文件系统中,那么唯一的方法是创建一个链接/提示用户下载它。

创建下载提示详细here

使用this method 可以轻松创建链接。

但是,如果您想以编程方式执行此操作(即使用 JS 自动创建持久数据存储),则浏览器通常不允许这样做,因为它们无权访问您的文件系统。

在这种情况下,您可能希望为此使用 IndexedDB API 之类的东西。

如果你只是想在本地存储一些数据,你也可以尝试WebStorage API

【讨论】:

  • 只要服务器允许您下载,您可以从浏览器中保存任何文件
  • 但这不是以编程方式完成的。它是通过提示用户来完成的。或者为它创建一个链接。这不是 OP 所要求的......我认为
  • 谢谢@ManavM,我不知道浏览器无权访问您的文件系统。
  • 这是一个安全问题...如果网站能够像这样直接访问您的文件系统,那么入侵您的系统将非常容易。
  • 您可以以编程方式提示save as.. UI,这是您想要存储文件时的标准行为。没什么新鲜的。
猜你喜欢
  • 2018-04-10
  • 1970-01-01
  • 2021-06-18
  • 2021-01-16
  • 2020-07-16
  • 2021-09-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多