如何在js中显示图像?

时间:2011-04-06 08:38:09

标签: javascript asp.net json

我将我的图像存储在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在我的页面上显示图像?

2 个答案:

答案 0 :(得分:1)

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

您的javascript中包含以下内容:

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

答案 1 :(得分:0)

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