How to Validate File Uploads With React Hook Form

In this video I show how to validate the file field in React using Yup and React Hook Form

#reactjs #reacthookform #satansdeer

[antoniochili]

Thanks! It's exactly what I need! very useful!

[vantung]

What a great video. Thank you so much!!!

[alakdam]

Hi, Thanks for the awesome tutorial.
Can you able to make tutorial based on onDrop and onDrag file? I have not find any where how to use those event.

[bilalaboubi]

Helpful
Please how we can see the error before submit like when i the put the file throw the error before submit
Thank you

[naitiknavadiya]

Great video! Can I preview the image on at the time of upload also?

[wkc]

Hi, thx for the tutorial, but when i copy ur code,
in the const { register, handleSubmit, errors } = useForm({
validationSchema: schema,
});
it shows error like :Object literal may only specify known properties, and 'validationSchema' does not exist in type 'Partial

[trangnusi]

I am uploading an excel file and also need to send an Id (of an event I am working on) in the API Fetch POST. I don't know what I should put in the body of the request. Body.JSON.stringify({eventId} is working for the eventId but where can I put body: formdata. A bit confused. Thanks for your help.

[umeshkatakam]

How can we modify image as base64 with control object in react-form-hook.

[maximilianoarrettino]

In this tutorial (if I'm not mistaken) if you click on submit without a file, the required text is not going to show

[DevOpsHasan]

please show image preview on onChange when using react-form-hook.

[AnandGiri]

what is the image is not required field in the form ... how to validate that

[m.debapriyasubudhi]

Hii!first of all thanks for the tutorial, it really helpful for me, but Here i face some problem while i trying to do the validation for file type must be .doc or .docx.so can you help me??

[thillabanyai]

Hi! first things first: thanks a lot for your videos, has helped me and my team a lot.
And second.. we are having trouble retrieving the data from the input file when it is inserted into a fieldArray. Would you have an example to help us?

[sherothkar]

without type submit how button is triggering form submit ?

[lordunitaz]

Максим, привет! Как кастомизировать fileInput в реакте? Если я вкладываю инпут <input type="file" {...register('file')} /> в любой другой компонент - крашит. Крашит всегда, если делать над полем хоть какую-то обертку. Ошибка: Cannot read properties of undefined (reading 'reduce')

[seanchen]

so how can i validate image minWidth & maxHeight

[CalebStephensPlaysPiano]

Has anyone ran into the issue of the filepath being saved as a string instead of the actual file object? I am failing validation because obviously file.size and file.type are undefined.

[DevOpsHasan]

getting this error : Unhandled Rejection (TypeError): o.inner is undefined

[smarttechinfo]

Sir, i have a question . If anyone change the extension and upload it to the server. In that case how to validate that file before uploading... Eg. Suppose I have a file virus .zip, now I change it to virus.png and upload it to the server.. then how to protect the server from this kind of hoax image through validation...

[shivankamwar]

on not uploading anything it is not showing any error