Display Picture from the string path stored in DB in image

Adalat Khan

I want to display image in an image control using the string path stored in the database. The string path is retrieved successfully from the database but the image does not display. I tried my best but i did not success. Please help me in this regard. Thanks in advance. I tried the following:

Following is my HTML Code

Following is my Javascript code

I used the above code just to check a single picture from a constant string path of an image but not success. Please correct my code.

10 Replies

Know the answer? Post it — somebody with the same question will find it here.

Salman Beg7y ago
Accepted answer
Hey. First Create a Folder inside your project and there you keep all the files and don't store the whole path, inplace of that you can store the part of the path. The problem will arise when you move the project to some other locations or some other Server and there if this path is not exist then image will not bind. If you use the full path then you can't bind the image also. You can follow this article which contains how they are storing the file inside the folder,

https://www.c-sharpcorner.com/UploadFile/009464/save-the-image-in-folder-in-Asp-Net-using-fileupload-control/

Thanks.
Adalat Khan7y ago
Thank you Salman
This is the solution. Thanks again
Adalat Khan7y ago
Dear salman actually i stored the image full path in the database and all my images are inside wwroot\Images folder. In record entry form first i load any picture from my computer then i copy that picture in my root directory wwroot\Images and store the full path in the dsatabase. Now in searching form when i want to search a specific employee record using the employee ID then the employee record is displayed in all the fields but the picture of the employee does not display. This is my issue. Thanks in advance.
Salman Beg7y ago
From drive it will not work because for security reasons browser will not allow. Either you use the whole url or copy that image in your project folder and access from that folder. Thanks.
Salman Beg7y ago
From drive it will not work because for security reasons browser will not allow. Either you use the whole url or copy that image in your project folder and access from that folder. Thanks.
Adalat Khan7y ago
Yes its working but i want to use image address from my c: drive like bellow:

$("#imgEmployeePictureDisplay").attr("src", "C:\pic1.jpg");

But this is not working. How to use image address from my c: drive.
Salman Beg7y ago
You give proper url of the image not from c drive like that. You can follow up with this example, https://codepen.io/kman/pen/dXjpoX
Adalat Khan7y ago
My simple solution is that suppose i have an image pic1 in my c: drive and i want to display this image inside in the image control using javascript without the using of File Upload control. I do not need to upload the file using the File Upload control but i just want to set the string image path and display the picture in image control. Please any help regarding this. Thanks in advance.
Adalat Khan7y ago
Dear Salman,
Unfortunately the img tag is also not working. When i load an image from the image control then its working using the URL.CreateObjecturl but when i do not use the file control and i directly use an image string path then it not working.
Salman Beg7y ago
Hey. You need to use img tag. For more you can follow up with this link which contains example and you can try that, https://www.webtrickshome.com/faq/how-to-display-uploaded-image-in-html-using-javascript