如何在js中顯示圖片？

Question

我將圖像存儲在sqlserver數據庫中。 在我的數據庫中，我具有ID，名稱，圖像字段。 我嘗試保存圖像：

            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" });

在我的通用處理程序中，我將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

假設您選擇了數據類型Image ； 您可以在服務器端創建，使用Response.BinaryWrite(listOfImages(0).Image) ，使用JavaScript顯示圖片。

在您的JavaScript中執行以下操作：

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

Answer 2

您可以在服務器中創建它們並在javascript中顯示/隱藏...