1

Quiero pasar una imagen de un GridView a una tabla que tiene la etiqueta IMG.

Yo anteriormente estaba pasando datos de DataGridView a un TexBox y me resultó. Ahora el problema es que no se puede mostrar en esa etiqueta.

Este es el código que utilizo para pasar datos:

protected void DtgSolicitudes_RowCommand(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "Select")
    {
        try
        {
            DtSet = new DataSet();        
            SqlConnection con = new SqlConnection(ObtenerCadenaConexion());
            con.Open();
            DtgSolicitudes.SelectedIndex = Convert.ToInt32(e.CommandArgument);
            GridViewRow row = DtgSolicitudes.SelectedRow;
            SqlCommand cmd = new SqlCommand("SP_BuscarSeguimiento", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlParameter p1 = new SqlParameter("OPT", 2);
            SqlParameter p2 = new SqlParameter("periodo", "");
            SqlParameter p3 = new SqlParameter("oficina", "");
            SqlParameter p4 = new SqlParameter("rubro", row.Cells[3].Text);

            cmd.Parameters.Add(p1);
            cmd.Parameters.Add(p2);
            cmd.Parameters.Add(p3);
            cmd.Parameters.Add(p4);

            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataTable dt = new DataTable();
            da.Fill(dt);

            TextBox1.Text = Convert.ToString(row.Cells[2].Text);
            TextBox2.Text = Convert.ToString(row.Cells[1].Text);
            TextBox3.Text = Convert.ToString(row.Cells[3].Text);
            TextBox4.Text = Convert.ToString(row.Cells[4].Text);
            TextBox5.Text = Convert.ToString(row.Cells[5].Text);
            TextBox6.Text = Convert.ToString(row.Cells[6].Text);
            TextBox7.Text = Convert.ToString(row.Cells[7].Text);
            TextBox8.Text = Convert.ToString(row.Cells[8].Text);
            TextBox9.Text = Convert.ToString(row.Cells[9].Text);

            Image1.ImageUrl = Convert.ToString(row.Cells[12].Text);
            var imagen = row.FindControl("img") as Image;

            con.Close();
        }
        catch (Exception Ex)
        {
            // DvError.Visible = true;
            Session["13"] = Ex.Message;
        }
    }
}

SQL SERVER MI TABLA

introducir la descripción de la imagen aquí

Me sale en blanco la imagen con ese nombre byte:

introducir la descripción de la imagen aquí

10
  • datagridview? en un entorno web no existe este componente, no sera que usas el GridView ? Commented el 31 mar. 2017 a las 21:20
  • si disculpen era gridview
    – PieroDev
    Commented el 31 mar. 2017 a las 21:44
  • @LeandroTuttini he colocado la imagen donde me recupera la imagen y lo pone como system.byte[]
    – PieroDev
    Commented el 31 mar. 2017 a las 21:54
  • el campo filecontent de que tipo lo defines ? es un image o varbinary Commented el 31 mar. 2017 a las 23:56
  • como img en sql server
    – PieroDev
    Commented el 1 abr. 2017 a las 0:00

2 respuestas 2

1

En un entorno web si la imagen estaá persistida en la base de datos como array de byte deberías recuperarla de forma indirecta por medio de un handler que envíe en el Response la imagen para mostrarla en el tag img

En el artículo

[ASP.NET] GridView – Edición Empleados

Descarga codigo ejemplo

explico como podrias lograrlo.

La columna que muestra la imagen debería ser:

<asp:TemplateField HeaderText="Imagen">
        <ItemTemplate>
             <asp:Image ID="Image1" runat="server" 
                       ImageUrl='<%# Eval("IdEmpleado", "imagen.ashx?id={0}") %>' Width="100px" Height="100px" />
        </ItemTemplate>
</asp:TemplateField>

En donde la ImageUrl apunta al handler para que este por medio del id de la entidad devuelva el array de byte en el Response.

5
  • me sale como la imagen byte
    – PieroDev
    Commented el 31 mar. 2017 a las 21:51
  • @Pierro, busca cómo convertir ese valor en una imagen. No se cual sea la mejor manera, pero creo que con este valor, conviertes este valor en un archivo físico, luego tomas la ruta del archivo en donde lo creaste y en la propiedad ImageUrl colocas la ruta completa de la imagen generada. Commented el 31 mar. 2017 a las 22:46
  • Es que no se convierte ningun valor en imagen ni tampoco es encesario un archivo fisico. La ides es relaciona el tag de image con el handler para obtner la imagen directamente en runtime, sin intermedios Commented el 31 mar. 2017 a las 23:55
  • @LeandroTuttini no puedo descargar el codigo sale este codigo no se puede abrir en este momento
    – PieroDev
    Commented el 1 abr. 2017 a las 11:48
  • pero estas accediendo al link que deje en la respuesta? es el mismo que deberia estar en el articulo del blog, pero debo actualizarlo Commented el 1 abr. 2017 a las 13:10
0

Para que la imagen bit lo conviertas en una img tienes que declarar el siguiente script:

 <asp:ListView ID="ListImagenes" runat="server" Visible="true">
                                              <ItemTemplate>
                                             <asp:Image ID="Image1" ImageUrl='<%# "data:image/jpg;base64," + Convert.ToBase64String((byte[])Eval("filecontent"))  %>' runat="server" Style="width: 150px; height: 150px" data-container="body" data-toggle="popover" data-placement="right" />

                                                                              <script>
                                                                                  $(document).ready(function () {

                                                                                      $('<%#  "#ListImagenes_Image1_" + Container.DisplayIndex %>').popover({
                                                                                          html: true,
                                                                                          trigger: 'hover',
                                                                                          content: '<img src="' + '<%# "data:image/jpg;base64," + Convert.ToBase64String((byte[])Eval("filecontent")) %>' + '" id="popover_img" Style="width: 500px" />'
                                                                                      }).hover(function () {
                                                                                          $('#popover_img').attr('src', $(this).data('img'));
                                                                                      });

                                                                                      $('<%#  "#ListImagenes_Image1_" + Container.DisplayIndex %>').mouseover(function () {
                                                                                          $('<%#  "#ListImagenes_Image1_" + Container.DisplayIndex %>').popover('show')
                                            });

                                                                                      $('<%#  "#ListImagenes_Image1_" + Container.DisplayIndex %>').mouseout(function () {
                                                                                          $('<%#  "#ListImagenes_Image1_" + Container.DisplayIndex %>').popover('hide')
                                            });
                                                                                  });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.