How to Create Custom File Upload Input Control with React and CSS

[@timotheebarran7635]

Great tuto, thanks for sharing! if you want to adapt the image size to suit the form, you can use style={{ maxWidth: "100%", maxHeight: "100%", objectFit: "contain" }} inside

[@CharlesKasasira]

Thank you Timothée

[@jubaerjami]

I was really looking for this. Thanks for uploading

[@CharlesKasasira]

You are welcome, thanks for watching and for the feedback.

[@piyush0mandloi]

Thank you sir for this awesome content

[@subhambharadwaz4029]

Thank you for this awesome tutorial!🎉

[@CharlesKasasira]

Thank you Subham. this is motivating

[@evronz]

This is the content we need

[@CharlesKasasira]

Thank you Kayiira

[@NakalembeChristine-lh8zf]

Fantastic work ❤

[@CharlesKasasira]

Thank you

[@NakalembeChristine-lh8zf]

@@CharlesKasasira welcome

[@JamalKhan-zl8lu]

Great tutorial❤❤ ... and I have a question...!
Did we upload a PDF file instead of PNG? If so, will it be displayed like an image?

[@SubhamChatterjee-eh3og]

Looks like you have forgotten something, to clear the value of the targeted file for uploading the same file twice. code: { event.target.value = null; }} />

[@datpham2425]

Thank you so much !!

[@ashishkalra2788]

it is not working in phone and tab . what should i do?

[@nellyisdev]

Really cool video! What font family and theme are you using??

[@nizamarif5825]

like a charm!

[@CharlesKasasira]

thank you, happy it helped

[@aureliosantana4894]

Thanks for the content, what song is that you used?

[@CharlesKasasira]

Oh I forgot to attribute the creator, its The Jazz Piano by Benjamin Tissot from www.bensound.com
www.bensound.com/royalty-free-music/track/the-jazz-piano
will add this to the description, thank you.

[@aureliosantana4894]

@@CharlesKasasira thank you very much❤

[@CharlesKasasira]

@@aureliosantana4894 you are welcome

[@gustavoclemente9704]

Muuy Buenoooo! Gracias!

[@CharlesKasasira]

Gracias a ti!

[@swire1571]

awesome thanku

[@CharlesKasasira]

you are welcome, thanks for watching

[@rogelioramirez9786]

Thanks you bro!

[@CharlesKasasira]

You are welcome, I am glad you liked it.

[@vishnuvallabhyathavakilla2693]

Can we upload a video in this?

[@wisdomelue]

great! please can i get the repo?

[@CharlesKasasira]

Hey Wisdom, I had not created a repo yet but I had put all the source code in this article
dev.to/charleskasasira/how-to-create-custom-file-upload-input-control-with-react-and-css-48fn
Hope that helps

[@mdwaliullah9609]

thanks

[@AqibShoaib]

❤

[@mugaggabenjie]

Thanks

[@CharlesKasasira]

You are welcome, Ben

[@KartikeyShaurya]

source code ??

[@CharlesKasasira]

I didnt put it on github, we check for it. sorry.

[@kartikeyshaurya1827]

@@CharlesKasasira thnkx for responding will write from scratch

[@Codinginblackshadow]

hii

[@qsgamers2473]

Hi

[@CharlesKasasira]

Hi