当前位置: 首页 > 面试题库 >

如何在React的Material UI简单输入上启用文件上传?

朱兴学
2023-03-14
问题内容

我正在创建一个简单的表格,使用带有redux表格和材料ui的电子反应样板上传文件。

问题是我不知道如何创建输入文件字段,因为材料ui不支持上传文件输入。

关于如何实现这一目标的任何想法?


问题答案:

在结构上比@galki的解决方案更有意义的另一个> = v1.0解决方案

RaisedButton在> = v1.0中已弃用。我找不到更多信息containerElement(可能没有记录?),但是当前的API
component为此提供了信息。

<Button
  variant="contained"
  component="label"
>
  Upload File
  <input
    type="file"
    style={{ display: "none" }}
  />
</Button>


 类似资料:
  • 问题内容: 我有以下反应成分 我该如何在rxjs上使用反跳功能? 问题答案: 您将需要从更改事件中爬出可观察到的位置(例如使用Subject),然后对此进行反跳。 这是为您提供功能齐全的示例:

  • 问题内容: 我想上传多个文件,包括Word文档,PDF和图像。我需要为文件使用一个输入,因为我们不知道将上传多少文件。 我的代码是这样,但是我有问题,无法将文件发送到服务器端。 控制器代码: 视图代码的一部分: 我没有保存文件和保存对象的问题。唯一的问题:文件列表为空。 问题答案: 我要上传文件,您的表单需要包含属性。 或更好 并且我强烈建议您将模型传递给视图,并使用强类型方法为模型的属性创建ht

  • 我想将一些代码从python 2移植到python 3,但由于导入错误而失败。因此,我试图通过创建2个基本的python文件来测试来摆脱移植本身并专注于导入。但是,我甚至无法让它们起作用。 所以我有2个文件 test.py: 和test2.py: 然而,结果是Py魅力中的这个错误: ImportError:无法从“__main__”(C:/Users/Username/test2.py)导入名称“

  • 依赖模块 安装依赖 npm install --save busboy busboy 是用来解析出请求中文件流 例子源码 demo源码 https://github.com/ChenShenhai/koa2-note/blob/master/demo/upload/ 封装上传文件到写入服务的方法 const inspect = require('util').inspect const path

  • react中使用原生input怎么既可上传文字又可文件+文字? 目前只实现了上传文字 现在想在这个input中增加一个上传文件或者文件夹的功能(当文件或者文件夹上传上去之后改上传的文件有个缩略图显示并且还能发送文字) react中使用原生input怎么既可上传文字又可文件+文字? 目前只实现了上传文字 现在想在这个input中增加一个上传文件或者文件夹的功能(当文件或者文件夹上传上去之后改上传的文