Gravando o caminho das imagens no banco e as exibindo em .NET

� muito comum, em sistemas dos mais diversos tipos, haver a necessidade de se cadastrar imagens no banco de dados. Para essas situaç�es, � quase un�nime a opini�o dos programadores que preferem armazenar na base de dados apenas o caminho do arquivo e manter a imagem em si em uma pasta no disco local.

De fato essa � uma pr�tica bastante vi�vel se considerarmos que a gravaç�o de dados bin�rios (os arquivos de imagem) no banco faria com que o tamanho deste aumentasse exponencialmente.

Por�m, diante dessa situaç�o, � comum a d�vida, entre programadores iniciantes, de como exibir essas imagens cujo caminho do arquivo foi previamente armazenado no banco. Quando se armazena a figura em formato bin�rio, � f�cil ligar um componente PictureBox, por exemplo, � coluna do banco e a imagem � exibida automaticamente, m as no caso em que se tem apenas o path, � preciso tratar essa exibiç�o manualmente. Este artigo tem por objetivo apresentar uma soluç�o para atender a situaç�es desse tipo.

Faremos aqui uma tela simples onde o usu�rio poder� cadastrar e listar as imagens. N�o nos ateremos a detalhes como alteraç�o e exclus�o de registros ou layout da tela.

M�os � obra

Para iniciar, crie uma nova aplicaç�o de formul�rios no Visual Studio, a partir do menu File > New > Project > Windows Forms Application. Em seguida, adicione um PictureBox, um DataGridView, dois Buttons, um TextBox e um OpenFileDialog, conforme mostra a Figura 1.

Figura 1: Configuraç�o do formul�rio principal

O primeiro passo ser� declarar duas vari�veis globais que ser�o utilizadas no cadastro e listagem das imagens. Declare ent�o as vari�veis �conex�o� e �comando� e as inicialize no evento Load do form, conforme mostra a Listagem 2.

Listagem 1: Declaraç�o de vari�veis

SqlConnection conexao;
SqlCommand comando;
private void Form1_Load(object sender, EventArgs e)
{
    conexao = new SqlConnection("Data Source=localhost;Initial Catalog=DBDevMedia;Persist Security Info=True;User ID=sa;Password=123456;");
    comando = conexao.CreateCommand();
}

A conex�o deve ser configurada para acessar o servidor que ser� utilizado no exemplo, logo, adeque os par�metros � sua necessidade.

Neste exemplo, utilizaremos uma tabela chamada TbIMAGENS que cont�m os campos ImgDESCRICAO e ImgCAMINHO, ambos do tipo varchar, al�m de um ImgCODIGO, inteiro e auto incremento, apenas para controle.

Em seguida, devemos programar o bot�o �Adicionar imagem�, programando seu evento Click como mostra a Listagem 2.

Listagem 2: Evento click do bot�o �Adicionar�

private void btnAdicionar_Click(object sender, EventArgs e)
{
    try
    {
        if (openFileDialog1.ShowDialog() == System.Windows.Forms.DialogResult.OK)
        {
            imgImagem.Load(openFileDialog1.FileName);
            comando.Parameters.Clear();
            comando.CommandText = "INSERT INTO TbIMAGENS (ImgDESCRICAO, ImgCAMINHO) VALUES (@DESCRICAO, @CAMINHO)";
            comando.Parameters.AddWithValue("DESCRICAO", txtDescricao.Text);
            comando.Parameters.AddWithValue("CAMINHO", openFileDialog1.FileName);
            conexao.Open();
            comando.ExecuteNonQuery();
            MessageBox.Show("Imagem cadastrada com sucesso!");
        }
    }
    catch (Exception ex)
    {
        MessageBox.Show(ex.Message);
    }
    finally
    {
        conexao.Close();
    }
}

O c�digo � simples: carregamos a imagem, a exibimos no PictureBox e inserimos o texto contido o TextBox txtDescricao no banco, juntamente com o caminho do arquivo carregado.

Para verificar se os registros est�o sendo inseridos, precisamos programar o evento click do bot�o �Listar�, para que sejam exibidos os dados gravados na tabela TbIMAGENS.

Para isso, utilizaremos o c�digo constante na Listagem 3, a seguir.

Listagem 3: Evento click do bot�o �Listar�

private void btnListar_Click(object sender, EventArgs e)
{
    try
    {
        comando.Parameters.Clear();
        comando.CommandText = "SELECT * FROM TbIMAGENS";
        conexao.Open();
        DataTable tab = new DataTable();
        SqlDataAdapter adap = new SqlDataAdapter(comando);
        adap.Fill(tab);
        dataGridView1.DataSource = tab;
    }
    catch (Exception ex)
    {
        MessageBox.Show(ex.Message);
    }
    finally
    {
        conexao.Close();
    }
}

Agora os registros cadastrados ser�o listados no DataGridView, mas a imagem n�o � exibida no PictureBox. Isso realmente era esperado, e � o contorno dessa situaç�o o objetivo deste artigo.

No evento SelectionChanged do DataGridView, devemos utilizar o c�digo apresentado na Listagem 4. Com isso, sempre que um registro for selecionado no grid, a imagem ser� automaticamente carregada.

Listagem 4: Evento SelectionChanged do DataGridView

private void dataGridView1_SelectionChanged(object sender, EventArgs e)
{
    if (dataGridView1.SelectedRows.Count > 0)
    {
        imgImagem.Load(dataGridView1.SelectedRows[0].Cells[2].Value.ToString());
    }
}

Agora, executando a aplicaç�o e listando os registros, caso hajam imagens cadastradas, a figura ser� exibida no PictureBox ao selecionar uma linha do grid.

Para exemplo, adicionei duas imagens e listei as mesmas, o resultado � exibido na Figura 2.

Figura 2: Exemplo em funcionamento

Conclus�o

Como vimos, a exibiç�o da imagem a partir do caminho do arquivo armazenado no banco n�o � uma tarefa complicada, basta apenas saber que propriedades e eventos utilizar e, al�m disso, quando e onde utilizar.

Espero que o conte�do aqui apresentado possa ser �til e auxiliar principalmente os programadores iniciantes no .NET framework. Vale lembrar que o mesmo pode ser feito em VB.NET.

Fico por aqui com mais este artigo. Um abraço e at� a pr�xima.

Gravando o caminho das imagens no banco e as exibindo em .NET

Veja neste artigo como armazenar na base de dados apenas o caminho das imagens e exibi-las depois em sua aplicação .NET. Gravar arquivos de imagem diretamente no banco pode dar a este um crescimento exponencial, sendo mais viável armazenar só o

M�os � obra

Conclus�o

Artigos relacionados