如何在js中显示图像？

Question

我将我的图像存储在sqlserver数据库中。在我的数据库中，我有字段Id，Name，Image。 我尝试保存图像：

  Image imag = Image.FromFile(filePath); 
     byte[] imageData; 
     using (MemoryStream ms = new MemoryStream()) 
     { 
      imag.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg); 
      imageData = ms.ToArray(); 
     } 
     var dc = new ImagesDataContext(); 
     dc.Images.InsertOnSubmit(new Image() { Id = 125, Image1 = imageData, Name = "testIm" }); 

在我一般的处理程序我ruturn JSON objec与图片收集：

JavaScriptSerializer serializer = new JavaScriptSerializer(); 
     context.Response.ContentType = "application/json"; 
     List<Image> listOfImages = DatabaseAccessor.GetImages(); 
     context.Response.Write(serializer.Serialize(listOfImages)); 

如何显示使用javascript我的网页上的图片？

Answer 1

可以在服务器和javascript中显示/隐藏创建它们...

Answer 2

假设您所选择的数据类型Image;你可以在服务器端创建，使用Response.BinaryWrite(listOfImages(0).Image)，使用JavaScript来显示图片。

喜欢你在JavaScript中以下内容：

Response.ContentType = "image/jpeg"; 
Response.BinaryWrite('<%= listOfImages[0].Image %>');