如何在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 %>');