Antd上传文件后,获取到返回的文件名后再和表单一起发送存入数据库

场景:

比如要做一个产品添加的功能,添加的UI如下图所示:

clipboard.png

在这一个Form表单中,图片的上传是单独使用的一个接口。当点击上传图片后(图片会在整个表单没有提交前就上传)。

问题:

1.通过onChange事件可以获取到服务器端返回的文件名,但是在onChange事件中的this无法指向全局(怎么在全局获取到文件名后将文件名和表单值一起发送给后台存入数据库)。代码:

clipboard.png

2.加入说现在已经解决了问题1,那么又如何将获取到的值新加入到当前还未正式提交的表单中呢?请看下图我的表单类型(传统的方法是定义一个<input type="hidden">俗称隐藏表单域,在antd中又该如何做呢?)

clipboard.png

阅读 7.6k
2 个回答
onChange: (info) => {}

经过getFieldDecorator包装过的控件,antd会自动添加到表单中,你无需再重新加入

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题