I wasn't looking for a file upload tutorial, but I'm glad i watched this as it does a great job of explaining how to use state in an efficient and clean way. Great explanations as always!
When using Axios, you don't need to set multipart/form-data Content-Type in the headers. Axios will automatically handle the Content-Type for you when you submit a formdata.
16:50 haha that's as human of a mistake that you can make. That's what I appreciate about these tutorials: you may be teaching people, but you also make mistakes (and fix them). It's all good. Thanks for this!
21:07 For me I had to define a config variable and define there, the headers and onuploadprogress function, cause react didn't allow me to define it within the axios post call. axios.post(url,data,config)
I noticed u are using tailwind. I can't get the progress working as u did. But upload working trying. I installed tailwind but I still do not see the colors in the styles. I am in webstorm. Please advise. but would like to know how to use tailwind in React. I will look for one of your videos
This is insane! I was about to start implementing file upload in a React project, something I've never tried, and this video pops up.
Same here 😮
Can't believe you dropped this video just in time when I have to implement this feature. Massive thank you
I wasn't looking for a file upload tutorial, but I'm glad i watched this as it does a great job of explaining how to use state in an efficient and clean way. Great explanations as always!
When using Axios, you don't need to set multipart/form-data Content-Type in the headers. Axios will automatically handle the Content-Type for you when you submit a formdata.
Huh really? Didn't know that, neat!
And setting it by yourself give errors some time when we have other data too
U don't need use multipart/form-data even when u use fetch because FormData handle it
Had no idea axios could do that. Super awesome
I need to watch this tutorial for image uploads. Thank you!
Let me thank you, your videos are very useful and simple to understand! Thank you!
Great video. I hoped you would also show how you would do it with server state and mutations with Tanstack Query or SWR.
Amazing video, thanks
I'm following your material, Thanks so much for sharing knowledge.
Regards.
Addicted to your tutorials, otherwise I'm already working with uploads since 2020 though, hah
but yeah it makes the concept further clear, thanks
its really cool. Never tried before and lets do this !!
Thank you Darius!! Next video could be DownloadFile component?
16:50 haha that's as human of a mistake that you can make. That's what I appreciate about these tutorials: you may be teaching people, but you also make mistakes (and fix them). It's all good.
Thanks for this!
Really great work.... So can change label of input type file choose file
very good tutorial
Excellent as always, do you plan to upload the same Nextjs material? Best regards and thanks for the good content always.
21:07 For me I had to define a config variable and define there, the headers and onuploadprogress function, cause react didn't allow me to define it within the axios post call. axios.post(url,data,config)
Awesome ♥
Can we display the file locally as a preview before uploading?
Yeah, for an image you'd have to get the base64 data and convert it to a blob and show that
yes
for image just use like this
Please implement cancel when upload, and retry upload file.
I have to decide whether to use Ant Design or Bootstrap for my React app. Which one is more suitable for this JS framework?
Nice!
But where is the file uploaded?? I actually want the file to be uploaded in a specific folder in my google drive. What do I do?
I am trying to purchase your course and the payment gateway page is not working.
How to do multi file upload parallely?
I noticed lag between the progress bar reaching 100% and the upload button appearing, imagine file is greater than 10MB, how do i handle this
I noticed u are using tailwind. I can't get the progress working as u did. But upload working trying. I installed tailwind but I still do not see the colors in the styles. I am in webstorm. Please advise.
but would like to know how to use tailwind in React. I will look for one of your videos
Please also teach us redux tool kit
Hello my friend ❤
❤
First!
Your videos are good but your thumbnail are bad tbh. Do something with it. 🙏
feel free to email me a suggestion 😁