File Uploads in React (Complete Tutorial)

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ •

  • @rubendacostaesilva8442
    @rubendacostaesilva8442 3 дні тому +10

    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.

  • @edward-vonschondorf-dev
    @edward-vonschondorf-dev 2 дні тому

    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!

  • @luznoceda423
    @luznoceda423 3 дні тому

    Can't believe you dropped this video just in time when I have to implement this feature. Massive thank you

  • @Leandro-4687
    @Leandro-4687 3 дні тому +4

    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.

    • @thedavistheory7674
      @thedavistheory7674 3 дні тому

      Huh really? Didn't know that, neat!

    • @Atul_Thakre30
      @Atul_Thakre30 3 дні тому

      And setting it by yourself give errors some time when we have other data too

    • @topgamebest4198
      @topgamebest4198 5 годин тому

      U don't need use multipart/form-data even when u use fetch because FormData handle it

  • @sebastianmihaiprisacariu8975
    @sebastianmihaiprisacariu8975 3 дні тому +1

    Great video. I hoped you would also show how you would do it with server state and mutations with Tanstack Query or SWR.

  • @nuriddin1436
    @nuriddin1436 3 дні тому

    Let me thank you, your videos are very useful and simple to understand! Thank you!

  • @tsdineshjai8565
    @tsdineshjai8565 3 дні тому

    its really cool. Never tried before and lets do this !!

  • @sumitsharma-us2sl
    @sumitsharma-us2sl 3 дні тому

    very good tutorial

  • @haiderjaafer8164
    @haiderjaafer8164 3 дні тому

    Really great work.... So can change label of input type file choose file

  • @Next-Js
    @Next-Js 2 дні тому

    Excellent as always, do you plan to upload the same Nextjs material? Best regards and thanks for the good content always.

  • @davidbulnes3021
    @davidbulnes3021 3 дні тому +1

    Thank you Darius!! Next video could be DownloadFile component?

  • @cruzlee4092
    @cruzlee4092 3 дні тому

    Awesome ♥

  • @Jcmacielh
    @Jcmacielh 3 дні тому

    Nice!

  • @breezycodes
    @breezycodes 3 дні тому +2

    First!

  • @ptolemyhenson6838
    @ptolemyhenson6838 3 дні тому +2

    Can we display the file locally as a preview before uploading?

    • @cosdensolutions
      @cosdensolutions  3 дні тому +2

      Yeah, for an image you'd have to get the base64 data and convert it to a blob and show that

    • @coder_one
      @coder_one 3 дні тому

      yes

  • @icoderdev
    @icoderdev 3 дні тому

    Hello my friend ❤

  • @abdulmufeed6077
    @abdulmufeed6077 3 дні тому

  • @kanchanwadhwani7381
    @kanchanwadhwani7381 2 дні тому

    How to do multi file upload parallely?

  • @stevebuonincontri6853
    @stevebuonincontri6853 16 годин тому

    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

  • @pragmaticcoder6910
    @pragmaticcoder6910 2 дні тому

    I am trying to purchase your course and the payment gateway page is not working.

  • @KaluKarKK
    @KaluKarKK 3 дні тому

    Your videos are good but your thumbnail are bad tbh. Do something with it. 🙏