在视图中显示来自多层.tiff的Image对象

Question

So, I am taking .tiff files from my local network, many have multiple layers. I convert each layer to a new Image object, which seems to work but now I am having trouble displaying each Image in my view. I do not want to save these new Images in a format that could be displayed. I am looking for a way to either draw the object or simply be able to display the picture or thumbnail. Any suggestions would be appreciated.

@foreach (var img in ViewBag.ImageData)
{
    <h2>@img</h2>
}

This does not display correctly.

Controller:

//Convert .tiff layers to Image and save in list
List<Image> images = new List<Image>();
Bitmap bitmap = (Bitmap)Image.FromFile("\path\190625141847.tif");
int count = bitmap.GetFrameCount(FrameDimension.Page);
for (int idx = 0; idx < count; idx++)
{
    // save each frame to a bytestream
    bitmap.SelectActiveFrame(FrameDimension.Page, idx);
    MemoryStream byteStream = new MemoryStream();
    bitmap.Save(byteStream, ImageFormat.Tiff);
    // and then create a new Image from it
    images.Add(Image.FromStream(byteStream));
}
// Returned to view in ViewBag
ViewBag.ImageData = images;

I may put the images into a carousel or the like, but I really am just trying to be able to display each Image (each layer) in my view.

Answer 1

Well after some research and trial and error, I believe I figured it out for me at least. I changed up some of the code and instead of returning a List of System.Drawing.Image, I return a list of strings that correspond to the image URL.

Here's my new controller code:

List<string> images = new List<string>();
Bitmap bitmap = (Bitmap)Image.FromFile("\\path\\190625141847.tif");
int count = bitmap.GetFrameCount(FrameDimension.Page);
for (int idx = 0; idx < count; idx++)
{
    // save each frame to a bytestream
    bitmap.SelectActiveFrame(FrameDimension.Page, idx);
    MemoryStream byteStream = new MemoryStream();
    bitmap.Save(byteStream, ImageFormat.Jpeg);

    // and then create a new URL from it
    byte[] bit = byteStream.ToArray();
    string imreBase64Data = Convert.ToBase64String(bit);
    string imgDataURL = string.Format("data:image/tif;base64,{0}", imreBase64Data);
    images.Add(imgDataURL);
    byteStream.Dispose();
}

return PartialView("_ImagesPartial", images);

I also returned a partial view but that's neither here or there. It's just for my project. Hope this helps someone.