Question

所以我打算使用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>

Answer 1

在jsx中，enctype属性应为encType =“ multipart / form-data”。

onSubmit必须位于表单元素上，并且按钮的类型应为=“ submit”。

会看起来像这样：

<form
  method="post"
  action=""
  encType="multipart/form-data"
  onSubmit={this.onSubmit}
>
  <Button
    type="submit"
  > Submit
  </Button>
</form>

使用具有enctype的Material UI的Button组件

1 个答案: