在用upload组件上传的时候,有两种方式,点击上传和拖拽上传,但是通过拖拽上传的没有校验的时候没有获取到值,所以就会提示没有上传,所以就在onChange事件里面
form.setFieldsValue({upload: value});
<Upload
name="avatar"
listType="picture-card"
className="avatar-uploader"
showUploadList={false}
beforeUpload={beforeUpload}
onChange={handleChange}
>
{imageUrl ? <img src={imageUrl} alt="avatar" style={{ width: '100%' }} /> :
uploadButton}
</Upload>
状态是done的时候,用form.setFieldsValue再次赋值就可以了
form.setFieldsValue({
upload: info.file.response.data.key,//info是handleChange的参数
});
造成的原因可能是因为拖拽进来的,form表单上没有赋值。