Как отобразить изображение в формате 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" });

В моем универсальном обработчике я создаю коллекцию изображений: 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 ...