关于修改Antd Form表单中Upload组件默认校验信息内容修改

524 阅读1分钟

关于修改Antd Form表单中Upload组件默认校验信息内容修改

1.新建校验信息函数对象

 const checkUpload = () => {
    return Promise.reject(new Error('请上传图片.....自定义'));
  };

2.在 FormItem 标签中加入属性 "rules={[{ validator: checkUpload }]}"

<Form.Item
    name={'image_id'}
    label={'图片'}
    valuePropName='fileList'
    getValueFromEvent={normFile}
    rules={[{ validator: checkUpload }]}
  >
    <Upload
      maxCount={1}
      multiple={false}
      beforeUpload={() => false}
      listType='picture-card'
      className='avatar-uploader'
      onRemove={removeFile}
      onPreview={onPreview}
    >
      {showUploadBt ? uploadButton : null}
    </Upload>
  </Form.Item>