Hi There.

I have added an image control to my master webpage and have linked the URL to an image (JPEG) file that resides in the \Images folder.

In the design view, the image is not available (red cross). When I display the page in the browser, I get the red cross. When I open the image in the solution explorer, the image displays.

The image was initally stored in the \APP_DATA\IMAGES folder but I have moved it into the \IMAGES folder off of the root of the web page, but I still get the same problem.

When I created the image control I did the following:

- dragged image control onto master page

- add existing item in solution explorer and browsed to the image

- selected the image in the ImageUrl property of the control.

If I put the full path to the image in my browser, I get the same thing (red cross) whereas before I moved it out of APP_DATA I was getting 403: forbidden.

Any suggestions appreciated.

Cheers

Smithy

Hi Smithy,

Which image control did you use? The ASP.net 2.0 standar control ot the html image control.

If you use the html image control, use the  full path like this:  <img src="~/Image/007801.gif" />, it will not work, because the "~" is used for the server side control, you should add the runat="server" for the html image control.

For example:  <img src="~/Image/007801.gif"  runat="server"/>.

If this cannot help you solve your problem,  could you please post the related code here for further helps.

Hope it helps.  

I've recently come across this issue too, I fixed it by using the <asp:Image Tag

So you need to use <asp:Image runat="server" ImageUrl="~/image/007801.gif"/> 

The tilde tells the app to use the root dir no matter where you are in the site structure so it can map the image from anywhere within the site.

Hope this helps you 

Thanks Amanda.

When I hover over the image control in the toolbar it just says "Image" whereas all of the other controls say for example "Hidden Field 2.0.0.0".

The other strange thing that I noticed as that all of the articles and posts that I have read reference the ImageSrc - but when I add the control in through design view, there is no mention of the ImageSrc in the source view.

The original source was the first line below, and I tried adding in the second line with the ImageSrc but I still get the same thing.

&nbsp;&nbsp;&nbsp;<asp:Image ID="Image1"  runat="server" ImageUrl="~/Images/m1000.jpg" /><br />

 I have been able to add various other images so far, and they all display - except for this one. However, this is the only image that I have added to the master page, but I have tried adding it to other pages in the content place holder, but it still does not display.

I did add in the full path to the JPG file and it still does not display

i.e. ImageUrl="C:\Documents and Settings\Administrator\My Documents\My Webs\WebSite2\Images\micros.jpg"

Thanks for your help

 Cheers

Hi Smithy,

Smithy:

The other strange thing that I noticed as that all of the articles and posts that I have read reference the ImageSrc - but when I add the control in through design view, there is no mention of the ImageSrc in the source view.

The original source was the first line below, and I tried adding in the second line with the ImageSrc but I still get the same thing.

]&nbsp;&nbsp;&nbsp;<asp:Image ID="Image1"  runat="server" ImageUrl="~/Images/m1000.jpg" /><br />

&nbsp;&nbsp;&nbsp;<asp:Image ID="Image1" ImageSrc="~/Images/micros.jpg" runat="server" ImageUrl="~/Images/m1000.jpg" /><br />

From the code we can see, you used the server image control <asp:Image , the property is used to show the image's url is the imageURL.  As you said the ImageSrc is the html image control, it uses the src  to show the image's url. For example: <img src="../../image/007004.gif" mce_src="../../image/007004.gif" />.

Base on your code: <asp:Image ID="Image1"  runat="server" ImageUrl="~/Images/m1000.jpg" /><br />, dose the image show the image correctly?