使用jquery显示字节[]图像
我必须在同一视图中的一个div中显示实际大小的图像,当单击它的拇指图像时。我会解释我的情况。我正在使用asp.NETMVC2应用程序。在我看来,我有图像的拇指图像,这些图像以字节[]的形式存储在数据库中,文件ID也作为隐藏字段。单击拇指图像时,我需要显示存储在数据库中的实际图像。实际图像应显示在div中,与单击拇指图像时显示的视图相同。这应该使用jquery实现。使用jquery显示字节[]图像,jquery,image,asp.net-mvc-2,Jquery,Image,Asp.net Mvc 2,我必须在同一视图中的一个div中显示实际大小的图像,当单击它的拇指图像时。我会解释我的情况。我正在使用asp.NETMVC2应用程序。在我看来,我有图像的拇指图像,这些图像以字节[]的形式存储在数据库中,文件ID也作为隐藏字段。单击拇指图像时,我需要显示存储在数据库中的实际图像。实际图像应显示在div中,与单击拇指图像时显示的视图相同。这应该使用jquery实现。 感谢您对此进行研究。如果您在数据库中使用字节格式的图像,则首先需要将图像保存在服务器目录中,保存图像文件后,在jquery的帮助下显
感谢您对此进行研究。如果您在数据库中使用字节格式的图像,则首先需要将图像保存在服务器目录中,保存图像文件后,在jquery的帮助下显示它。您还可以使用lightbox等插件以更吸引人的方式显示图像
通过这种方式,您将能够在使用jquery并发出AJAX请求以获取图像的同一视图上显示图像。您可以使用
HttpHandler
来实现此目的。将通用处理程序添加到项目中,并在ProcessRequest
方法中执行以下操作
context.Response.Clear();
var imageID = context.Request.QueryString["imageID"];
MemoryStream stream = new MemoryStream();
try
{
byte[] buffer = GetYourImageBuffer(imageID);
if(buffer != null)
{
stream = new MemoryStream(buffer);
Image image = Image.FromStream(stream);
context.Response.ContentType = "image/jpeg"; //Or what ever
image.Save(context.Response.OutputStream, ImageFormat.Jpeg);
}
}
finally
{
context.Response.Flush();
stream.Close();
}
然后在你的html你将能够调用这个由
<img src="ImageHandler.ashx?imageID=<%: Model.Image.ID %>" />
“/>