html - 使用带有 enctype 的 Material UI 的 Button 组件
问题描述
所以我打算使用 Multer 来上传图片。我正在使用 Material UI 的按钮组件onClick
道具。提交数据。我将按钮组件包装在表单标签中是否完成了同样的事情?如果不是,我该如何指定表单数据的编码方式?
<form enctype="multipart/form-data">
<Button
color="primary"
onClick={this.onSubmit}
round
className={classes.footerButtons}
>
Post
</Button>
<div className={classes.footerButtons}>
<ImageUpload />
</div>
</form>
解决方案
在 jsx 中,enctype 属性应该是 encType="multipart/form-data"。
onSubmit 需要在表单元素上,并且按钮的 type="submit"。
看起来像这样:
<form
method="post"
action=""
encType="multipart/form-data"
onSubmit={this.onSubmit}
>
<Button
type="submit"
> Submit
</Button>
</form>
推荐阅读
- python - 来自多个数据帧的 Pandas 条形图
- android - 元素类型“GridLayout”必须后跟属性规范,eclipse中的“>”或“/>”
- angular - 为什么 JIT 需要 Angular 反射 polyfill
- javascript - 如何动态计算 JSON 数据中不同字符串的数量?
- python - 如何在 python 中获取接收到的数据包的大小(以字节为单位)?
- c - 如何使用 c 对带有代码页的字符数组进行编码
- android - 基于 Kotlin 的 Gradle 脚本的 Android Lint 失败
- xml - 获取具有相同节点名称和属性值的 XML 表如何为此编写代码
- graalvm - 为什么 Graals AOT 编译器比 JIT 慢?
- typescript - 如何发送标头?