Upload File inside a Form using Ant Design and ReactJS | Prevent Form Submitting Without a File

#reactjs #antd #form #fileupload #codewithaamir
In this video tutorial I have explained how to upload file inside a form using Ant Design and React JS and also shown how to prevent form from submitting without a file selection, how to add form validation for upload, how to reject large file uploads.

This video focuses on
- How to upload file inside a form using Ant Design and React JS
- How to prevent form from submitting without a file selection
- How to add form validation for ant design upload component
- How to reject large file uploads using antd upload and antd form
- How to show custom error in antd form
- How to use custom form field validator using ant design and reactjs
- How to add validation rules for antd file upload to prevent form submit
- How to reject form submit without a proper file criteria in react
- How to use showUploadList to hide the default view of upload list
- How to save current upload list inside a react state
- How to use beforeUpload prop to reject or accept files
- How to upload file inside a form using ant design and reactjs
- How to show error message on certain files


If you are new to ant-design, I have already added an intro video on ant-design and overview of its components at    • Ant Design UI library Integration wit...   link, please go through that video to set up the ground for further components implementation.

For more details on how to validate file before upload like rejecting certain file size, or reject certain file types and other props understanding I have already a video on that at    • Ant Design File Upload | Drag and Dro...   please go through that to get familiarity with Antd Upload component. There is another video that describes how to use customRequest to upload a file at this link    • File Upload using Ant Design and Reac...   please go through that to get more details on that.

For more details on how to add form validation and rules please go through following video    • How to Create and Validate Ant Design...  

For more details on ant-design, please visit its documentation at https://ant.design/components/upload/

Happy Coding!