0
图像的图像与转换数据库检索字节数组在剃刀视图MVC
src="data:image;base64,YmxvYjpodHRwJTNBLy9sb2NhbGhvc3QlM0ExNDE0MS8wMzI1ZTA3Mi1iOTA5LTQ0YjItOTVlNS1iYzc4ZmJhZTZhMzI=" attribute value isn't displayed
with database table that has just one record with id=1
剃刀
<img id="BlobPic" src="data:image;base64,@System.Convert.ToBase64String(Model.Logoo)" style="max-width:90%;" />
Action方法
public FileContentResult getImg(int id)
{
BladiaInfoViewModel Bladia_Logo = rep.getByID(Convert.ToDecimal(1));
byte[] byteArray = Bladia_Logo.Logoo;
return new FileContentResult(Bladia_Logo.Logoo, "image/jpeg");
}
jQuery的
$(document).ready(function() {
$.ajax({
url: '@Url.Action("getImg")',
data: { 'id': "1" },
type: "POST",
cache: false,
success: function (data) {
//document.getElementById("BlobPic").src = "data:image/png;base64," + data.Logoo;
document.getElementById("Logo").setAttribute("src",'@Url.Action("getImg", "BaldiaInfo",
new { id = Model.Logoo})');
},
error: function() {
alert("try again");
}
});
//----
});
首先感谢你的回答, 第二件事是我有一个关于一个机构的元数据的表,图像只是一个表内一个单元格中的一个字段,只有一行,其数据类型是Blob 所以我只需要显示从数据库返回的图像 – Zain
@ Asp.NetDeveloper:如果图像数据包含在填充页面的原始数据中,则此答案的后半部分适用。自从视图已经拥有图像以后,将不需要单独的操作来获取图像。如您所示,您只需将其包含在数据URI中即可。 – David
先生@大卫我讨厌你,但你变得近了,我用这个解决方案,但它不起作用。当我通过检查元素src =“blob:http%3A // localhost%3A14141/b47fe875-a7a2-4b17-99cd-71274655082b” 浏览并选择客户端的图像并保存后,它返回此src = “数据:图像; BASE64,YmxvYjpodHRwJTNBLy9sb2NhbGhvc3QlM0ExNDE0MS8yMTUyNDQzNC1jYjMzLTQ1ZTctOTQ0My0wYmY3ZjVlYTQyODM =” 和字节数组返回此使用断点(经由链路web图片) http://postimg.org/image/78prx7zln/ – Zain