如何通过将图像存储到数据库中来在 React js 中上传和显示图像

Question

I am have trouble uploading and display images. I can not find anyone who does it, can anyone help?

Answer 1

We cannot directly upload files to sql database rather we choose different ways to upload images and store the path of that image to sql, below I am going to mention the ways that could be helpful for you for uploading stuff,

1. You can upload the images to a folder inside your client side project and store the path of that image which will be something like, localhost:3000/uploads/image.png, and you can change this path from local to your real server when you will actually upload your project to some server. If you are just doing this in you laptop for practicing you can give path like D://images/image.png, and for getting images you can just use the path and you will receive the image.

2. You can use some cloud storage like aws s3 bucket and directly upload the images there and give the image path in database table same as in the above procedure.

Uploading images to a server is better approach in above point 1 we are upload on local server and second point we are upload aws server but both are servers and in database we are just storing the paths of that uploaded image.