使用jquery显示字节[]图像

使用jquery显示字节[]图像,jquery,image,asp.net-mvc-2,Jquery,Image,Asp.net Mvc 2,我必须在同一视图中的一个div中显示实际大小的图像,当单击它的拇指图像时。我会解释我的情况。我正在使用asp.NETMVC2应用程序。在我看来,我有图像的拇指图像,这些图像以字节[]的形式存储在数据库中,文件ID也作为隐藏字段。单击拇指图像时,我需要显示存储在数据库中的实际图像。实际图像应显示在div中,与单击拇指图像时显示的视图相同。这应该使用jquery实现。 感谢您对此进行研究。如果您在数据库中使用字节格式的图像,则首先需要将图像保存在服务器目录中,保存图像文件后,在jquery的帮助下显

我必须在同一视图中的一个div中显示实际大小的图像,当单击它的拇指图像时。我会解释我的情况。我正在使用asp.NETMVC2应用程序。在我看来,我有图像的拇指图像,这些图像以字节[]的形式存储在数据库中,文件ID也作为隐藏字段。单击拇指图像时,我需要显示存储在数据库中的实际图像。实际图像应显示在div中,与单击拇指图像时显示的视图相同。这应该使用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 %>" />
“/>