set src path in img tag dynamically in asp.net web pages Razor

Question

I am creating a web site with ASP.NET Web pages. I need to set path for html img tag dynamically. I searched everywhere they have given reasonable answeres but still they didnt work for me.

Image file path - root/Images/11.jpg

My code in Upload.cshtml

@{
    var fileName = "11.jpg";
    var path = "Images/" + fileName;

    <img src="@path" alt="image" />
}

I even tried

<img src=@path alt="image" />

Still it doesn't take the value from variable.

Izzy · Accepted Answer · 2017-05-05 13:42:11Z

1

Try this

@{  
  string imagePath = Url.Content("~/Images/11.jpg");
}

Then your img tag can look like

<img src="@imagePath" alt="image" />

answered May 5, 2017 at 13:42

Izzy

6,8988 gold badges44 silver badges92 bronze badges

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

1 Comment

deelliieeD Over a year ago

I get "Url doesnt exist in current context error" . I serche for that error too but didnt get satisfying answer .

Victor_Tlepshev · Accepted Answer · 2017-05-05 15:53:48Z

0

I use it like this:

@{
  string iSrc = "~/imagePath/11.jpg"; //The src path.
}

<img src='@Url.Content(iSrc)' alt="img" />

The above answer from @izzy should work as well.

answered May 5, 2017 at 15:53

Victor_Tlepshev

5106 silver badges22 bronze badges

2 Comments

deelliieeD Over a year ago

I get "Url doesnt exist in current context error" . I serche for that error too but didnt get satisfying answer .

Victor_Tlepshev Over a year ago

hmm.. I might be wrong but I think you might have an issue with writing razor syntax in your views. Are you able to write in your view @Url. and get a pre-populated list of methods i.e. Action, Content, Encode, eqauls etc? if that is the case, check this link out: stackoverflow.com/questions/27229492/…

deelliieeD · Accepted Answer · 2017-05-06 02:59:41Z

0

correct code var path = "/Images/" + fileName;

answered May 6, 2017 at 2:59

deelliieeD

71 silver badge7 bronze badges

Collectives™ on Stack Overflow

set src path in img tag dynamically in asp.net web pages Razor

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related