Image is not displaying using asp.net

Question

In the below code i have a image i have pass image url from codebehind but it is not displaying the image.

public string strName = "SV";
        public string strFolder = "Documents";

 string Imgdocname = SearchDoc.DocumentName;
                string fileExt = System.IO.Path.GetExtension(Imgdocname);
                fileExt = fileExt.ToLower();
                if (fileExt == ".jpeg" || fileExt == ".jpg")
                {

                    docimg.ImageUrl  = "C:\\Search\\" + strName + "\\" + strFolder + "\\" + Imgdocname; //not working
                    docimg.Visible = true;
                 } else
                {docimg.ImageUrl  = "C:\\Search\\doc\\Documents\\image.jpeg";  //not working

                }

<div ID="imgContainer" runat="server" style="width: 700px; height: 300px;  overflow:auto; border: solid 1px black;
                    padding: 10px; margin-bottom: 5px;" >
<asp:Image ID="docimg" runat="server" />

          </div>

user3477146 · Accepted Answer · 2014-04-19 15:29:24Z

1

IS Search your Project Name?

If Yes then use

 if (fileExt == ".jpeg" || fileExt == ".jpg")
 {

           docimg.ImageUrl= "~/" + strName + "/" + strFolder + "/" + Imgdocname;
           docimg.Visible = true;
 }
 else
 {
          docimg.ImageUrl = "~/doc/Documents/image.jpeg";
          docimg.Visible=true;
 }

answered Apr 19, 2014 at 15:29

user3477146

234 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Markus · Accepted Answer · 2014-04-19 15:36:49Z

1

As opposed to a client application, images in a web application are not included into the page directly. Instead, the page contains a link to the image resource that the browser requests after retrieving the HTML of the page. Therefore you need to provide a URL that the client can retrieve. In your sample you set the file path on the server as the image URL. This will not work as the client cannot access the file path on the server directly.

Instead you need to place the images in a folder that is accessible through the web server (e.g. IIS) so that you are able to set a URL like /img/picture.jpg that the client can use to retrieve the image. The easiest way to achieve this is to place the images in a folder under the root folder of your application. In this case, you can set the image URL like this (assuming that the folder that the images are located in is named img):

var imgUrl = "~/img/";
if (fileExt == ".jpeg" || fileExt == ".jpg")
    imgUrl += strName + "/" + strFolder + "/" + Imgdocname;
else
    imgUrl += "doc/Documents/image.jpeg";
docimg.ImageUrl = imgUrl;
docimg.Visible = true;

The ~ is a placeholder for the root of your project on the server so that the link will work no matter if your application is installed at the root of a website or somewhere below.

answered Apr 19, 2014 at 15:36

Markus

22.7k4 gold badges34 silver badges61 bronze badges

1 Comment

Markus Over a year ago

@user3492682: I've seen your other question on the same topic. Don't get me wrong. Both questions point into the direction that you need to learn about the basic mechanisms in web applications and how images are handled in them. I've tried to add some detail on this in my answer. Do you have any questions? Can I clarify my answer?

Mudassir Hasan · Accepted Answer · 2014-04-19 15:36:19Z

0

You cannot specify absolute path from any drive on computer. The ImageUrl is not the computer's path but a Url path present in your project.

Make a folder Images in your project root directory and specify path as

docimg.ImageUrl = "~/Images/image.jpeg";

The tilde ~ refers to root directory of project.

answered Apr 19, 2014 at 15:36

Mudassir Hasan

29k21 gold badges104 silver badges135 bronze badges

Collectives™ on Stack Overflow

Image is not displaying using asp.net

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related