Home / Questions / 300382
Accepted
Richard Víquez Pérez
Asked: 2020-10-13 08:51:19 +0800 CST 2020-10-13 08:51:19 +0800 CST

How to display a photo in ASP.NET MVC Framework

  • 772

I have a custom registration form in which I save a photo of who is registering:

enter image description here

The image is saved as a byte array in the sql database. In the Home controller I have created the following method:

 public FileContentResult getImage()
        {
            var owin = HttpContext.GetOwinContext().GetUserManager<ApplicationUserManager>();

            var result = owin.FindByEmail<ApplicationUser, string>(User.Identity.Name);

            byte[] biteIMG = result.Logo;

            MemoryStream m = new MemoryStream(biteIMG);


            Image image = Image.FromStream(m);

            m = new MemoryStream();

            image.Save(m, ImageFormat.Png);

            m.Position = 0;


            return new FileContentResult(biteIMG, "image/png");
        }

And when I go to the following path https://localhost:44397/Home/getImage , the image looks fine: enter image description here

However, what I want is for the image to appear in a div or in an html image but in the Home html or simply show it anywhere or in any other controller. I have tried the following but it doesn't work: enter image description here

I also tried the following and it doesn't work:

 <img src="https://localhost:44397/Home/getImage" alt="avatar" />

Does anyone know how to do this to be able to put it in one divor imagein html5?

c#

1 Answers

  1. Best Answer

    In order to display your image in a control of type <img />, you must use the HtlmHelper @Url.Action() .

    From the View you want to display the image in, you need to call the getImageController Action Homeon the attribute src=of your <img />.

    The code would be the following:

    <div class="jumbotron">
   <div class="container">        
       <img src="@Url.Action("getImage","Home")" />
   </div>
</div>
    • 1