[英]how to convert binary data to image and display in Div Tag or img Tag?
I am converting my image to binary data and storing in binary format with this: 我将图像转换为二进制数据,并以二进制格式存储:
byte[] bytes = System.IO.File.ReadAllBytes(@"F:\Image\Img1.jpg");
My database field for storing image is: Varbinary(Max) 我用于存储图像的数据库字段是: Varbinary(Max)
Now i am reading this binary data from my database and i am getting binary data. 现在,我正在从数据库中读取此二进制数据,并且正在获取二进制数据。
I want to display image in this Div tag. 我想在这个Div标签中显示图像。
This is my View: 这是我的观点:
<div class="Image-ad"></div>
My Class: 我的课:
public class ImageAdd
{
public Guid ImageAddId { get; set; }
public byte[] Image { get; set; }
}
My Controller: 我的控制器:
public ActionResult Index()
{
var data=db.ImageAdd.ToList();
return View(db);
}
How to convert this binary data to image and display in Div Tag??? 如何将该二进制数据转换为图像并在Div Tag中显示?
Two options: 两种选择:
1 : add this to image div 1:将其添加到图像div
<img src="data:image;base64,@System.Convert.ToBase64String(Model.Image)" />
and you'r done! 就完成了!
2: another way is to add a simple method to your controller and call it in your view to display the image tag. 2:另一种方法是向您的控制器添加一个简单的方法,并在视图中调用它以显示图像标签。 add this method to your controller: 将此方法添加到您的控制器:
public ActionResult GetImage(byte[] data)
{
MemoryStream ms = new MemoryStream(data)
return File(ms.ToArray(), "image/png");
}
and in view add this line to image div: 并在视图中将此行添加到图像div:
<img src="@Url.Action("GetImage", "MyController", new { data = Model.Image })" />
您还可以使用canvas标签将图像加载到其中并进行渲染,我们这样做是为了预览最近项目中的上传图像。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.