antd Upload组件自动触发上传

Question

1.未实现:
render完毕 拿到childNode 添加click 事件 _{节点是拿到的 事件是触发的}

• didMount 通过className拿到Upload子节点Button

• render:

2.chrome 调试 选择节点添加事件是可以实现的:

• 抓取节点添加click()

• 实现

---

同是拿节点添加click() 为什么第一个实现不了呢,

如何实现自动触发 antd 的Upload组件上传

Answer 1

This is due to a security restriction.Most browsers prevent submitting files when the input field didn't receive a direct click or keyboard click event as a security precaution.

Answer 2

有没有办法让upload 和表单同步提交，

Answer 3

使用ref获取Upload组件提供的内部方法
<Upload ref={ref}/>
...

const openFile = ()=>{
const {upload} = ref.current || {};
upload.uploader.onClick();  // 调用则可以打开文件选择框，和点击按钮同效果
}