Action Image MVC3 Razor

by

You can create an extension method for HtmlHelper to simplify the code in your CSHTML file. You could replace your tags with a method like this:

// Sample usage in CSHTML
@Html.ActionImage("Edit", new { id = MyId }, "~/Content/Images/Image.bmp", "Edit")

Here is a sample extension method for the code above:

// Extension method
public static MvcHtmlString ActionImage(this HtmlHelper html, string action, object routeValues, string imagePath, string alt)
{
    var url = new UrlHelper(html.ViewContext.RequestContext);

    // build the <img> tag
    var imgBuilder = new TagBuilder("img");
    imgBuilder.MergeAttribute("src", url.Content(imagePath));
    imgBuilder.MergeAttribute("alt", alt);
    string imgHtml = imgBuilder.ToString(TagRenderMode.SelfClosing);

    // build the <a> tag
    var anchorBuilder = new TagBuilder("a");
    anchorBuilder.MergeAttribute("href", url.Action(action, routeValues));
    anchorBuilder.InnerHtml = imgHtml; // include the <img> tag inside
    string anchorHtml = anchorBuilder.ToString(TagRenderMode.Normal);

    return MvcHtmlString.Create(anchorHtml);
}

More Related Contents:

  1. How can I add an image to all pages of my PDF?
  2. Convert Byte Array to image and display in Razor View
  3. What are the different usecases of PNG vs. GIF vs. JPEG vs. SVG? [closed]
  4. Using sections in Editor/Display templates
  5. Replace line break characters with in ASP.NET MVC Razor view
  6. dropdownlist set selected value in MVC3 Razor
  7. Load local images in React.js
  8. Using MVC HtmlHelper extensions from Razor declarative views
  9. MVC Razor dynamic model, ‘object’ does not contain definition for ‘PropertyName’
  10. Plot over an image background in python [duplicate]
  11. download image from url using python urllib but receiving HTTP Error 403: Forbidden
  12. Razor views as email templates
  13. Transparent background in JPEG image
  14. Can Razor views be compiled?
  15. How do I add a custom thumbnail to a .mp4 file using ffmpeg?
  16. How can I load Partial view inside the view?
  17. Unexpected “foreach” keyword after “@” character
  18. error with decimal in mvc3 – the value is not valid for field
  19. BASE64 to image angular 2
  20. responsive images srcset not working
  21. How can I read in a RAW image in MATLAB?
  22. MVC 3: How to render a view without its layout page when loaded via ajax?
  23. Razor If/Else conditional operator syntax [duplicate]
  24. on select change event – Html.DropDownListFor
  25. De-skew characters in binary image
  26. The view must derive from WebViewPage, or WebViewPage
  27. Uploading image in ASP.NET MVC
  28. Using System.Data.Linq in a Razor view
  29. Accessing a Session object from Razor _Layout.cshml
  30. Mapping image into cylinder or sphere shape?

Leave a Comment