File Uploads in React (Complete Tutorial)

Поделиться
HTML-код
  • Опубликовано: 28 ноя 2024

Комментарии • 33

  • @rubendacostaesilva8442
    @rubendacostaesilva8442 6 дней назад +11

    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.

  • @incarnateTheGreat
    @incarnateTheGreat День назад

    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!

  • @Leandro-4687
    @Leandro-4687 6 дней назад +5

    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 6 дней назад

      Huh really? Didn't know that, neat!

    • @Atul_Thakre30
      @Atul_Thakre30 6 дней назад

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

    • @topgamebest4198
      @topgamebest4198 2 дня назад

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

  • @edward-vonschondorf-dev
    @edward-vonschondorf-dev 5 дней назад

    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 6 дней назад

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

  • @lacacode
    @lacacode 2 дня назад

    Amazing video, thanks

  • @sebastianmihaiprisacariu8975
    @sebastianmihaiprisacariu8975 6 дней назад +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 6 дней назад

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

  • @tsdineshjai8565
    @tsdineshjai8565 6 дней назад

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

  • @davidbulnes3021
    @davidbulnes3021 6 дней назад +1

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

  • @haiderjaafer8164
    @haiderjaafer8164 6 дней назад

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

  • @Next-Js
    @Next-Js 5 дней назад

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

  • @sumitsharma-us2sl
    @sumitsharma-us2sl 5 дней назад

    very good tutorial

  • @pragmaticcoder6910
    @pragmaticcoder6910 5 дней назад

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

  • @cruzlee4092
    @cruzlee4092 6 дней назад

    Awesome ♥

  • @stevebuonincontri6853
    @stevebuonincontri6853 3 дня назад

    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

  • @ptolemyhenson6838
    @ptolemyhenson6838 6 дней назад +2

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

    • @cosdensolutions
      @cosdensolutions  6 дней назад +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 6 дней назад +1

      yes

    • @SiddhantSuvagiya
      @SiddhantSuvagiya День назад +1

      for image just use like this

  • @kanchanwadhwani7381
    @kanchanwadhwani7381 5 дней назад

    How to do multi file upload parallely?

  • @Jcmacielh
    @Jcmacielh 5 дней назад

    Nice!

  • @icoderdev
    @icoderdev 6 дней назад

    Hello my friend ❤

  • @abdulmufeed6077
    @abdulmufeed6077 6 дней назад

  • @breezycodes
    @breezycodes 6 дней назад +2

    First!

  • @KaluKarKK
    @KaluKarKK 6 дней назад

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