Updating asp.net Image control dynamically

Question

1.00/5 (1 vote)

See more:

Hello helpers,

I have a we gridview that contains some data on drivers. I am successfully able to get some data in a column when selected.
I also have driver images in a folder and am also able to successfully construct a valid imageurl from a value in the datagrid
to pick an image in the folder.

e.g grid view contains an id field called 1 so when user selects that row, I am able to get 1 and construct an imageurl like

C:/webapp/images/1.jpg

Initially I used ajax to display the image in an image control but it was not showing so now, I have being trying to do same with page refreshes and no ajax but it still does not display in the image control.

Please see some codes below...(version without ajax-updatePanel)
Please am i missing something ?

At least if this version works I may know how to Ajax enable it

Thanks for response

C#

protected void Page_Load(object sender, EventArgs e)
      {
          //populate gridview with drivers data

          var dg=new dalConn();
          dgdrivers.DataSource = dg.Fromdbase("select * from getdrivers");
          dgdrivers.DataBind();

          dvimage.ImageUrl = lblfullname.Text;
      }

      protected void dgdrivers_SelectedIndexChanged(object sender, EventArgs e)
      {

         lblfullname.Text = Server.MapPath("/dImages/" + dgdrivers.SelectedRow.Cells[1].Text.ToString() + ".jpg");

      }

Posted 15-Oct-11 21:50pm

prubyholl

Updated 15-Oct-11 21:52pm

Abhinav S

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tejas Vaishnav · Answer 1 · 2011-10-16T18:35:00

First of all when you need to bind your data to image control at that time you need to bind it with using virtual path not actual path

if your project is located to c: and inside your project there is a folder named "dImages" and it will contain images to display then you need to write your image url like

C#

lblfullname.Text = "~/dImages/" + dgdrivers.SelectedRow.Cells[1].Text.ToString() + ".jpg"

inside your code you use "Server.MapPath", i think you need not get when this method is used..

Server.MapPath is used when you actually access your drives like C:,D: etc or you need to access physical path of your files.

for displaying images you need to use virtual path starts with "~/....." or "../...."

or after genrating image url try this..

Where is your Image Control Located inside grid view or out side grid view..

If it inside grid view then you need to write your code inside a databoud event like item data boud or row data bound,
at that event you need to cast your control dynamically and assign the ImageUrl
Like this

C#

((Image)GridView1.Rows[e.Row.RowIndex].FindControl("YOUIMAGECONTROLID")).ImageUrl = "";

and if it out side then directly you can assign image URL to your image control..

Like..

C#

YouIMAGEID.ImageUrl = "";

or even if the images is not displayed then after assigning imge url dynamically then fire "DataBind()" method of your control like this..

C#

YOURIMAGEID.DataBind();