Nestes três anos, trabalhei várias formas de utilizar imagens armazenadas em banco de dados com C# e SQL Server, eu espero que tenham gostado:
Imagens no banco de dados 1 – ASP.NET Web Forms
Imagens no banco de dados 2 – ASP.NET MVC
Imagens no banco de dados 3 – Windows Forms
Imagens no banco de dados 4.1 – Relatórios em RDLC
Imagens no banco de dados 4.2 – Relatórios em RDLC
Imagens no banco de dados 5 – Importando arquivos por T-SQL
Uma funcionalidade muito útil do Visual Studio é a criação de relatórios em RDLC (Report Definition Language Client-side).
Estes relatórios em RDLC podem ser utilizando tanto em aplicações Web ou Windows Forms.
O primeiro passo para criação de um relatório em RDLC é adicionar um item Report ao projeto:
Neste relatório, vamos adicionar uma imagem estática, que nos servirá de “logo”:
Neste caso, importaremos uma imagem do computador, com o botão “Import”:
Agora temos nosso relatório com uma logo simples:
Para recuperar informações do banco de dados, precisaremos definir a nossa fonte de dados criando um Dataset:
Configuramos o banco de dados a ser utilizado por este Dataset:
E as tabelas a serem utilizadas:
Por fim, temos nosso Dataset configurado:
Adicionamos uma tabela ao nosso relatório:
Tabela adicionada e ajustada no layout do relatório:
Definimos o Dataset utilizado pela tabela:
E adicionamos uma imagem na área “Data” da tabela:
Para esta imagem que será “dinâmica”, definimos que ela virá da fonte “Database”, utilizando a campo “Bytes”, que no caso é a coluna onde estão armazenados os bytes das imagens em nossa tabela:
Por fim, adicionamos o campo “Nome” da imagem à tabela do relatório:
E ajustamos mais um pouco o layout:
No caso de aplicações Web, adicionaremos uma página simples ao projeto:
E nesta página adicionamos um ReportViewer:
Selecionando o ReportViewer, clicamos sobre a flecha indicada:
Definimos qual o relatório a ser utilizado:
Neste passo, será automaticamente criado um ObjectDataSource e já ligado ao nosso Dataset.
Por fim, adicionamos um ScriptManager a esta página:
Então teremos a página configurada com o ScriptManager, e o ReportViewer já ligado a um componente de fonte de dados (ObjectDataSource):
Agora, executar o projeto e ver o relatório com imagens do banco de dados:
Quem aderiu ao ASP.NET MVC também pode salvar imagens ou arquivos no banco de dados? Mas é claro e para provar isso, vamos ao exemplo.
Após criar a tabela no banco de dados (conforme o artigo anterior), o primeiro passo será definir a tecnologia de acesso aos dados. No caso utilizaremos LINQ to SQL:
Para a interface, a nossa Index.cshml necessitará somente do seguinte código:
@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<div>
<input id="file" name="file" type="file" />
</div>
<div>
<button type="submit">
Enviar</button>
</div>
}
No caso, estou utilizando Razor, mas é fácil adequar para ASPX.
E na Controller, teremos os métodos Index para salvar o arquivo no banco de dados e o método Viewer para recuperar o arquivo do banco de dados:
using System.IO;
using System.Linq;
using System.Web.Mvc;
namespace DemoApp.AspMvc.Controllers
{
public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{
return View();
}
//
// POST: /Home/
[HttpPost]
public ActionResult Index(FormCollection form)
{
if (Request.Files.Count != 1) return View();
var post = Request.Files[0];
if (post == null) return View();
var obj = new Models.Arquivo();
var file = new FileInfo(post.FileName);
obj.Nome = file.Name;
obj.Extensao = file.Extension;
obj.Tipo = post.ContentType;
using (var reader = new BinaryReader(post.InputStream))
obj.Bytes = reader.ReadBytes(post.ContentLength);
using (var context = new Models.DemoAppDataContext())
{
context.Arquivos.InsertOnSubmit(obj);
context.SubmitChanges();
}
return RedirectToAction("Viewer", new { id = obj.ArquivoId });
}
//
// GET: /Home/Viewer/id
public ActionResult Viewer(int id)
{
ActionResult result;
using (var context = new Models.DemoAppDataContext())
{
var obj = context.Arquivos.FirstOrDefault(a => a.ArquivoId == id);
result = obj == null
? (ActionResult)View("Error")
: new FileContentResult(obj.Bytes.ToArray(), obj.Tipo);
}
return result;
}
}
}
Por fim, a página de upload:
E a página de visualização do arquivo:
E ai Paulo, já acabou esta série de artigos? Não, ainda teremos outros exemplos, aguardem!
Atendendo ao pedido do Luiz H. S. Pereira, vamos ver um pouco como trabalhar com aplicações e imagens/arquivos salvos em banco de dados.
Neste primeiro artigo, veremos como fazer isso com ASP.NET Web Forms.
O primeiro passo é a tabela onde serão armazenados os arquivos:
USE DemoApp GO CREATE TABLE Arquivos ( ArquivoId INT IDENTITY PRIMARY KEY, Nome VARCHAR(250) NOT NULL, Bytes VARBINARY(MAX) NOT NULL, Extensao CHAR(5) NOT NULL, Tipo VARCHAR(250) NOT NULL )
O segundo passo é criar uma página com o componente FileUpload (fupArquivo) e um Button (btnEnvio) para o envio:
Trataremos o evento do Button de envio, salvando os dados do arquivo no banco de dados:
using System;
using System.Data.SqlClient;
using System.IO;
using System.Web.UI;
namespace DemoApp.WebForms
{
public partial class Default : Page
{
protected void btnEnviar_Click(object sender, EventArgs e)
{
string url;
const string connString =
@"Data Source=localhost\SQLEXPRESS;Initial Catalog=DemoApp;Integrated Security=True";
using (var conn = new SqlConnection(connString))
{
conn.Open();
using (var cmd = conn.CreateCommand())
{
cmd.CommandText =
"INSERT INTO [Arquivos] VALUES (@Nome, @Bytes, @Extensao, @Tipo)"
+ " SELECT SCOPE_IDENTITY()";
var file = new FileInfo(fupArquivo.FileName);
cmd.Parameters.AddWithValue("@Nome", file.Name);
cmd.Parameters.AddWithValue("@Bytes", fupArquivo.FileBytes);
cmd.Parameters.AddWithValue("@Extensao", file.Extension);
cmd.Parameters.AddWithValue("@Tipo", fupArquivo.PostedFile.ContentType);
var codigo = cmd.ExecuteScalar();
url = string.Format("ImageHandler.ashx?id={0}", codigo);
}
}
Response.Redirect(url);
}
}
}
Para exibição do arquivo salvo no banco de dados, criaremos um Generic Handler:
Com Handler criado:
Configuraremos o Handler para recuperar o arquivo do banco de dados:
using System.Data.SqlClient;
using System.Web;
namespace DemoApp.WebForms
{
/// <summary>
/// Summary description for ImageHandler
/// </summary>
public class ImageHandler : IHttpHandler
{
public bool IsReusable { get { return false; } }
public void ProcessRequest(HttpContext context)
{
var codigo = context.Request.QueryString["id"];
if (codigo == null) return;
const string connString =
@"Data Source=localhost\SQLEXPRESS;Initial Catalog=DemoApp;Integrated Security=True";
using (var conn = new SqlConnection(connString))
{
conn.Open();
using (var cmd = conn.CreateCommand())
{
cmd.CommandText =
"SELECT Tipo, Bytes FROM [Arquivos] WHERE ArquivoId = @ArquivoId";
cmd.Parameters.AddWithValue("@ArquivoId", codigo);
var dr = cmd.ExecuteReader();
if (dr.Read())
{
context.Response.ContentType = dr.GetString(0);
context.Response.BinaryWrite((byte[])dr[1]);
}
}
}
}
}
}
Por fim, importamos o arquivo:
Se tudo der certo, o arquivo será exibido:
SQL From Hell.com 