Отображение изображений базы данных в Gridview с HttpHandler - PullRequest
Новая
       24

Отображение изображений базы данных в Gridview с HttpHandler

0 голосов
/ 06 марта 2012

Я пытаюсь использовать страницу Ashx в качестве обработчика http для изображений, хранящихся в базе данных сервера SQL.Эти изображения должны отображаться в виде сетки на странице aspx.

<%@ WebHandler Language="C#" Class="LinqHandler" %>

using System;
using System.Web;
using System.Drawing.Imaging;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Configuration;
using System.IO;


public class LinqHandler : IHttpHandler {

    public void ProcessRequest(HttpContext context)
    {
        SqlConnection connect = new SqlConnection();
        connect.ConnectionString = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;

        SqlCommand command = new SqlCommand();
        command.CommandText = "SELECT roomID,roomNumber,roomImage1 FROM Rooms " 
                              + "WHERE roomID = @roomID";
        command.CommandType = System.Data.CommandType.Text;
        command.Connection = connect;

        SqlParameter RoomID = new SqlParameter("@roomID", System.Data.SqlDbType.Int);
        RoomID.Value = context.Request.QueryString["roomID"];
        command.Parameters.Add(RoomID);
        connect.Open();
        SqlDataReader dr = command.ExecuteReader();
        dr.Read();
        context.Response.BinaryWrite((byte[])dr["roomImage1"]);
        context.Response.ContentType = "image/gif";
        dr.Close();
        connect.Close();
    }

    public bool IsReusable {
        get {
          return false;
        }
    }
}

по какой-то причине изображения не привязываются к элементу asp: Image на странице aspx.Я озадачен, почему.

Вот фрагмент привязки данных: 

<asp:GridView ID="GridView1" runat="server"
    CssClass="gridviews" PagerStyle-CssClass="pager"
    DataKeyNames="roomID"  AlternatingRowStyle-CssClass="alt"
    AutoGenerateColumns="False"   DataSourceID="SqlDataSource1">
   <Columns>
     <asp:BoundField DataField="roomID" HeaderText="roomID" />
     <asp:BoundField DataField="roomNumber" HeaderText="Room Number" />
     <asp:TemplateField HeaderText="Image 1">
        <ItemTemplate>
          <asp:Image runat="server" ID="pic1" 
              ImageUrl='<%# "~/LinqHandler.ashx?roomID=" + Eval("roomID") %>'>
          </asp:Image>
        </ItemTemplate>
     </asp:TemplateField>
   </Columns>
</asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
     ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
     SelectCommand="SELECT [roomID], [roomNumber], [roomImage1] FROM [Rooms]">
</asp:SqlDataSource>

Ответы [ 3 ]

2 голосов
/ 06 марта 2012

вы можете использовать Handler.ashx для показа изображения. Например: 

<img src="Handler.ashx?roomID=1" />

таким образом вы можете показать изображение комнаты с одним номером.

Если вы хотите сделать это по-другому, вы можете использовать base64 в css. Вам не нужно использовать обработчик. Например: 

<img runat="server" ID="image"/>

//code behind
var bytes = (byte[])dr["roomImage1"]);
var base64String = System.Convert.ToBase64String(bytes, 0, bytes.Length);
image.src = "data:image/gif;base64,"+ base64String;

EDIT: 

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        var bytes = (byte[])((DataRow)e.Row.DataItem)["roomImage1"];
        var base64String = System.Convert.ToBase64String(bytes, 0, bytes.Length);
        var image = (Image)e.Row.FindControl("pic1");
        image.ImageUrl = "data:image/gif;base64,"+ base64String;
        //or
        image.ImageUrl = "LinqHandler.ashx?roomID="+((DataRow)e.Row.DataItem)["roomID"];
    }
}
1 голос
/ 06 марта 2012

Попробуйте, как показано ниже: 

  <ItemTemplate>
    <asp:Image ID="pic1" runat="server" 
        ImageUrl='<%# Eval("roomID", "LinqHandler.ashx?roomID={0}") %>' 
        Height="100px" Width="80px" />
  </ItemTemplate>
0 голосов
/ 07 марта 2012

Оказывается, мои проблемы связаны с добавлением мусора в поля моего BLOB-объекта SQL.Нет ничего плохого в поисковом механизме, размещенном в моем исходном коде.Если вам любопытно увидеть вставленные мной заявления, дайте мне знать, и я буду рад опубликовать их.

...