Image Upload and Display in React, Node, MySQL | Upload Image in MySQL using Node js and React js

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

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

  • @DennisIrungu-dx8md
    @DennisIrungu-dx8md 3 месяца назад +1

    Hello, this is quite helpful. I have been struggling with uploading images, but through this tutorial I have finally managed. This channel is turning to be the most helpful channel, for this is not the first time am getting a solution from here. I've now subscribed and liked the video. I'll share the channel with others who may be in need of solutions like these. Thumbs up

  • @roxpmelo
    @roxpmelo 8 месяцев назад

    Simple and really helpful. Thanks a lot.

  • @biggmistake5589
    @biggmistake5589 6 месяцев назад

    hello, bro, you saved my life!!! really thank you very much! I found what I needed only from you

  • @kyraezikeuzor
    @kyraezikeuzor Год назад

    You are a genius!

  • @khairulikhwan3988
    @khairulikhwan3988 Год назад +1

    Thank you soo much, you made my day!!

  • @atishkumarsahu6095
    @atishkumarsahu6095 2 месяца назад

    After you complete this project have you deployed this project and check either after deployment it is working or not?

  • @joewatson8357
    @joewatson8357 6 месяцев назад +1

    Your voice is so sweet 👌

  • @kyraezikeuzor
    @kyraezikeuzor Год назад

    Amazing helpful video!

  • @heyyCyber
    @heyyCyber 7 месяцев назад

    what was the "Type(DATATYPE)" of the image variable in database

  • @aymenshili3267
    @aymenshili3267 Год назад

    awesome bro !

  • @alfaloverss3116
    @alfaloverss3116 Месяц назад

    hii bro i just have a question i want to upload 3000 photos and this method is capable to store the 3000 images and i also performance the crud oprations in this method it is possible and make the video how to do crud oprations

  • @waffleman2226
    @waffleman2226 9 месяцев назад

    better than chat gpt i agree

  • @nrDefarioBLF
    @nrDefarioBLF 7 месяцев назад +2

    Question: the image attribute should be as a varchar type?(SQL server)

    • @codewithyousaf
      @codewithyousaf  7 месяцев назад

      Yeah

    • @dogejohn5118
      @dogejohn5118 6 месяцев назад +1

      ​@@codewithyousafhey i am storaing image in local drive can i fetch image by its path as it is not fetching

    • @codewithyousaf
      @codewithyousaf  6 месяцев назад

      @@dogejohn5118 No

    • @dogejohn5118
      @dogejohn5118 6 месяцев назад

      ​@@codewithyousaf bro i am creating a app and website soo app will upload data soo without the use of cloud can i upload from app and display in the website reactjs please help.

    • @dogejohn5118
      @dogejohn5118 6 месяцев назад

      ​@@codewithyousaf bro please tell me how to do that because i have to upload and curw it

  • @t-269shinobi3
    @t-269shinobi3 6 месяцев назад

    Thanks you so much

  • @arthurkhallifa
    @arthurkhallifa 6 месяцев назад

    Thanks!

  • @frendleeneyhburhod57
    @frendleeneyhburhod57 Год назад

    I just can't show it together with the other data bcoz the image's prototype is undefined. In order to show the image it needs to specify the array [0]

  • @jathujathu3304
    @jathujathu3304 6 месяцев назад

    can you explain in a video how to upload a entire image but not the path, bcz i need to display this in a various device

  • @ntvinh3697
    @ntvinh3697 5 месяцев назад

    thank you so much,it help me to much

  • @arunkatoch9480
    @arunkatoch9480 Год назад

    Thanks man

  • @scotly_emi
    @scotly_emi Год назад +2

    What about uploading from different inputs and with multiple files I will need that also how can I upload videos or other files thanks

  • @MarvinGuzman-nd8xj
    @MarvinGuzman-nd8xj 6 месяцев назад +1

    Why my database (mysql) is returning an image type (buffer) and an array of data not an actual image name? btw the column's data type for that is BLOB.

  • @edehchinedu4554
    @edehchinedu4554 4 месяца назад

    it worked

  • @vijaykale936
    @vijaykale936 8 месяцев назад +1

    hi bro i have one doubt, in mysql database while creating database what we have to give the media type and type

    • @codewithyousaf
      @codewithyousaf  8 месяцев назад

      type string because we store the name of file.

  • @-melkam-eregna
    @-melkam-eregna Год назад +1

    hello can you make a video on editing form that has a image input filed and use mysql to store the datas similar to this video

    • @codewithyousaf
      @codewithyousaf  Год назад

      I am working on a project I will implement all the concepts I will share you tomorrow.

  • @rabindramahato6950
    @rabindramahato6950 Год назад

    Thanks 🎉🎉

  • @BigSmoke-r9w
    @BigSmoke-r9w 2 месяца назад +1

    why cant I see my image when I type the path in the browser url?

    • @codewithyousaf
      @codewithyousaf  2 месяца назад

      in server side write this app.use(epxress.static('public'))
      imagine your images are in public folder. the path will be: localhost:[server port no].[image name]

  • @prathaphangodi1310
    @prathaphangodi1310 Год назад +1

    how display multipel images

  • @warzonehacks4915
    @warzonehacks4915 Год назад +1

    Whenever I upload an image, it is giving me an object that has an array in that array there are alot of numbers, first my image type was BLOB then I saw that you are using string so I changed it to varchar, what is the problem?

    • @codewithyousaf
      @codewithyousaf  Год назад

      Follow the tutorial you will be able to upload it.
      that is string because I am storing the name of file in database.

  • @Trissandro
    @Trissandro Год назад +1

    What's the type you used to save the image? BLOB?

    • @codewithyousaf
      @codewithyousaf  Год назад +1

      String
      I just save the name of the file and upload that file to the server.

    • @jathujathu3304
      @jathujathu3304 6 месяцев назад

      @@codewithyousaf how to upload entire image

  • @nahasathossainnibir2410
    @nahasathossainnibir2410 Год назад +1

    25:52 From where did you get data.image?

    • @codewithyousaf
      @codewithyousaf  Год назад +1

      Firest fetched then stored in data then used that

  • @Roozikhan565
    @Roozikhan565 Год назад +1

    ❤❤❤

  • @ashickri3316
    @ashickri3316 Год назад +1

    will you upload the source code?

  • @mulualemewnete6433
    @mulualemewnete6433 Год назад

    it is very help full but no source code can you attach ?

  • @zahmunjie8152
    @zahmunjie8152 11 месяцев назад +1

    database image column is it blob??

    • @codewithyousaf
      @codewithyousaf  11 месяцев назад

      No string I stored the name of Image

    • @zahmunjie8152
      @zahmunjie8152 11 месяцев назад +1

      thanks man.. i figured it out.. @@codewithyousaf

  • @AdnanKhan-q5n1l
    @AdnanKhan-q5n1l Год назад

    i want to display all the images into different react component by fetching from database
    Can u share that code part here?

    • @codewithyousaf
      @codewithyousaf  Год назад

      1: use redux
      2: fetch in parent then pass to child components

  • @theterse
    @theterse 8 месяцев назад

    okease wen you make one project put the source code to this because we try as you doing

  • @scotly_emi
    @scotly_emi Год назад

    Do you have anyway I can contact you for some questions am working on my website but am running into problems thanks a lot for your tutoring it has been really helpful

  • @jorgesustaita-c8f
    @jorgesustaita-c8f Год назад

    in the data.image how i define image? please

  • @Roozikhan565
    @Roozikhan565 Год назад

    ❤❤❤❤