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

[@DennisIrungu-dx8md]

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]

Simple and really helpful. Thanks a lot.

[@biggmistake5589]

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

[@atishkumarsahu6095]

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

[@joewatson8357]

Your voice is so sweet 👌

[@khairulikhwan3988]

Thank you soo much, you made my day!!

[@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

[@nrDefarioBLF]

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

[@codewithyousaf]

Yeah

[@dogejohn5118]

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

[@codewithyousaf]

@@dogejohn5118 No

[@dogejohn5118]

​@@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]

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

[@kyraezikeuzor]

You are a genius!

[@jathujathu3304]

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

[@heyyCyber]

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

[@BigSmoke-r9w]

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

[@codewithyousaf]

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]

[@vijaykale936]

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

[@codewithyousaf]

type string because we store the name of file.

[@scotly_emi]

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

[@codewithyousaf]

I will make for multiple files

[@scotly_emi]

Thanks alot

[@ntvinh3697]

thank you so much,it help me to much

[@t-269shinobi3]

Thanks you so much

[@-melkam-eregna]

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]

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

[@MarvinGuzman-nd8xj]

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.

[@codewithyousaf]

change it to string

[@nahasathossainnibir2410]

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

[@codewithyousaf]

Firest fetched then stored in data then used that

[@kyraezikeuzor]

Amazing helpful video!

[@arthurkhallifa]

Thanks!

[@edehchinedu4554]

it worked

[@Trissandro]

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

[@codewithyousaf]

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

[@jathujathu3304]

@@codewithyousaf how to upload entire image

[@theterse]

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

[@arunkatoch9480]

Thanks man

[@warzonehacks4915]

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]

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

[@ashickri3316]

will you upload the source code?

[@aymenshili3267]

awesome bro !

[@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]

[@mulualemewnete6433]

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

[@waffleman2226]

better than chat gpt i agree

[@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

[@rabindramahato6950]

Thanks 🎉🎉

[@prathaphangodi1310]

how display multipel images

[@zahmunjie8152]

database image column is it blob??

[@codewithyousaf]

No string I stored the name of Image

[@zahmunjie8152]

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

[@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]

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

[@Roozikhan565]

❤❤❤

[@jorgesustaita-c8f]

in the data.image how i define image? please

[@nahasathossainnibir2410]

did you find the solution?

[@Roozikhan565]

❤❤❤❤