鍍金池/ 問答/HTML/ Antd上傳文件后,獲取到返回的文件名后再和表單一起發(fā)送存入數(shù)據(jù)庫

Antd上傳文件后,獲取到返回的文件名后再和表單一起發(fā)送存入數(shù)據(jù)庫

場景:

比如要做一個(gè)產(chǎn)品添加的功能,添加的UI如下圖所示:

clipboard.png

在這一個(gè)Form表單中,圖片的上傳是單獨(dú)使用的一個(gè)接口。當(dāng)點(diǎn)擊上傳圖片后(圖片會(huì)在整個(gè)表單沒有提交前就上傳)。

問題:

1.通過onChange事件可以獲取到服務(wù)器端返回的文件名,但是在onChange事件中的this無法指向全局(怎么在全局獲取到文件名后將文件名和表單值一起發(fā)送給后臺(tái)存入數(shù)據(jù)庫)。代碼:

clipboard.png

2.加入說現(xiàn)在已經(jīng)解決了問題1,那么又如何將獲取到的值新加入到當(dāng)前還未正式提交的表單中呢?請(qǐng)看下圖我的表單類型(傳統(tǒng)的方法是定義一個(gè)<input type="hidden">俗稱隱藏表單域,在antd中又該如何做呢?)

clipboard.png

回答
編輯回答
愿如初

經(jīng)過getFieldDecorator包裝過的控件,antd會(huì)自動(dòng)添加到表單中,你無需再重新加入

2017年4月28日 21:07
編輯回答
硬扛
onChange: (info) => {}
2018年7月12日 11:59