Display binary byte[] array instead of base64

Question

Am trying to display byte[] array images in asp mvc c#. But there is only base64 conversion option available. I have learnt ASP MVC 5 since 2019, now am experienced and don't want to waste CPU resources on image conversation. I am displaying an image list on my view, but don't want to convert them into base64. SQL Server does not support saving in that format. So, here is my implementation, but it is filling the whole page to load one image, and not loading all the other images.

Here is the code:

Public stream GetBinaryImage(byte[] buffer, string ContentType)
{

    Httpcontext.Current.Response.ContentType = ContentType;

    Httpcontext.Current.Response.BinaryWrite(buffer);

    return Httpcontext.Current.Response.OutputStream;
}

Answer 1

I assume the image in a byte[] array already. The rest is simple, return a FileResult from your MVC action and take advantage of the Controller.File() method as illustrated below

    public class FileController : Controller  
    {  
  
        public ActionResult Index()  
        {  
            return View();  
        }  
  
        // GET: GetTele  
        public FileResult GetTele()  
        {  
            byte[] fileBuffer = System.IO.File.ReadAllBytes(Server.MapPath("~/images/tele.jpg"));  
            return File(fileBuffer, "image/jpg");  
        }  
    }  

The Index view that displays the image.

@{  
    ViewBag.Title = "Index";  
}  
  
<h2>Index</h2>  
  
<div>  
    <img src="/File/GetTele" alt="Telecaster" />  
</div>  

Answer 2

you are facing a browser limitation.

each request can return one html page or one image. dataurls allow including the small image data (as it doubles the download size) in the html. I assume this is what you are using. dataurl used for images only support base64.

Answer 3

Hi @kelvin nyota ,
As far as I think,you could return byteArray in your controller.Just like this:

return new FileContentResult(byteArray, "image/jpeg");  

More details,you could refer to below article:
https://forums.asp.net/t/1937602.aspx?Display+Image+from+byte+received+from+DB

Best regards,
Yijing Sun

---

If the answer is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our  documentation  to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 4

Bruce-SqlWork

True

Yijing Sun

I have tried to return a FileContentResult before but it refused to work.

AgaveJoe

Ok. I understand. I have used FileResult in the following scenario, but it is not sending any data to the FileResult method.

Only int parameters and strings but objects are not supported.