在圖像控件中顯示位圖

Question

我正在開發 ASP.NET MVC 5 應用程序。 我需要在 HTML 標簽<img />顯示來自控制器的位圖圖像。 我該怎么做？

請閱讀：這個問題不是“太寬泛”。 它專門詢問如何使用 ASP.NET MVC 在 HTML 圖像標記中顯示Bitmap C# 對象。 請重新打開它。

Answer 1

您可以簡單地使用以下內容

<img src="@String.Format("data:image/png;base64,{0}", Convert.ToBase64String(Model.imageBytes))" />

Answer 2

您需要有一個返回 FileStreamResult 的控制器操作，然后使用指向該操作的<img />標記。

行動

public ActionResult Image()
{
    var bitmap = GetBitmap(); // The method that returns Bitmap
    var bitmapBytes = BitmapToBytes(bitmap); //Convert bitmap into a byte array
    return File(bitmapBytes, "image/jpeg"); //Return as file result
}

// This method is for converting bitmap into a byte array
private static byte[] BitmapToBytes(Bitmap img)
{
    using (MemoryStream stream = new MemoryStream())
    {
        img.Save(stream, System.Drawing.Imaging.ImageFormat.Png);
        return stream.ToArray();
    }
}

看法

<img src='@Url.Action("image")' alt="" />