Galeria de Imagem Asp.Net e C#

12/04/2011

Boa Noite Pessoal, Preciso de uma indica��o de voc�s para desenvolver uma galeria de imagens onde o usu�rio faz um Upload de uma imgem e essa imagem ap�s ser salva ela � carregada na mesma p�gina como abaixo: Cada imagem salva dever� incrementa a coluna e linha na p�gina, por exemplo se a linha 2 tiver 4 imagens incrementa uma linha 3 assim por diante.

Roberto Rodrigues.

Curtir t�pico + 0

Responder

Posts

12/04/2011

Rodrigo Odasaki

Basicamente voc� vai salvar o caminho da imagem na base de dados e a imagem em disco no servidor.
Voc� consegue de forma simples e f�cil utilizar o controle datalist para exibir est� imagem.

Responder

Gostei + 0

12/04/2011

Roberto Rodrigues.

Tem algum exemplo? Link?

Responder

Gostei + 0

13/04/2011

Evandro Lopes

Encontrei esse, nao com imagens, mas acredito que j� ajudara vc: http://www.macoratti.net/aspn_dtl.htm

Responder

Gostei + 0

14/04/2011

Marcelo Nascimento

Ol� tem este site com varios projetos que pode ajudar voc�

Para o seu caso encontrei estes:

Muito similar a sua solicita��o
http://www.codeproject.com/KB/aspnet/FileUploadUtility.aspx

Este se parece como copia do Windows Explorer:
http://www.codeproject.com/KB/solution-center/ImagingEnabledSites.aspx

Espero ter ajudado

Responder

Gostei + 0

14/04/2011

Roberto Rodrigues.

Boa Tarde a todos,

Muito obrigado pela ajuda.

A minha d�vida agora pessoal � como inserir as imagens em ordem ou seja no meu c�digo abaixo ao clicar no bot�o salvar ela inseri a imagem na pasta mais na p�gina ela aparece de form din�mica, por exemplo:

Imagens inseridas:

    img1   img2 img3 img4    img5

    img6 img7 img8

Ao inserir a imagem (img9 e img10) ela ter� que seguir a ordem das colunas, mais n�o esta, como fazer? SEGUE O C�DIGO ABAIXO:

C�digo Aspx

<body>
    <form id="form1" runat="server">
    <div style="margin-left: 165px; position: relative; margin-top: 40px;">
        <asp:FileUpload ID="fileupload" runat="server" Width="273px" />
        <br />
        <br />
        <asp:Button ID="btnadd" runat="server" Text="Salvar" OnClick="btnadd_Click" />
        <br />
        <br />
        <div style="height: 10px;">
            <span id="msgErro" runat="server" style="color: Red;"></span>
        </div>
    </div>
    <center>
        <div style="margin-top: 20px;">
            <asp:DataList ID="dl" runat="server" Height="100px" RepeatColumns="5" Width="100px"
                CellPadding="10">
                <ItemTemplate>
                    <asp:CheckBox ID="chkImagens" runat="server" />
                    <asp:Image ID="img" runat="server" Width="100px" Height="100px" ImageUrl='<%# Eval("Name", "~/UploadedFiles/") %>' />
                    <br />
                </ItemTemplate>
            </asp:DataList>
        </div>
    </center>
    </form>
</body>
</html>

Codigo C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;

namespace Upload_Imagem
{
    public partial class _Default : System.Web.UI.Page
    {

        protected void Page_Load(object sender, EventArgs e)
        {
           
                string upFolder = MapPath("~/UploadedFiles/");
                DirectoryInfo dir = new DirectoryInfo(upFolder);
                dl.DataSource = dir.GetFiles();
                Console.WriteLine(dl.DataSource);
                dl.DataBind();
           
        }

        protected void btnadd_Click(object sender, EventArgs e)
        {
            VerificaImagem();

            if (fileupload.HasFile)
            {

                if (CheckFileType(fileupload.FileName))
                {

                    string filepath = "~/UploadedFiles/" + fileupload.FileName;

                    fileupload.SaveAs(MapPath(filepath));

                }

            }

        }

        bool CheckFileType(string fileName)
        {

            string ext = Path.GetExtension(fileName);

            switch (ext.ToLower())
            {

                case ".gif":

                    return true;

                case ".png":

                    return true;

                case ".jpg":

                    return true;

                case ".jpeg":

                    return true;

                default:

                    return false;
            }
        }
                
        protected void VerificaImagem()
        {
            FileInfo[] fi = (FileInfo[])dl.DataSource;

            for (int i = 0; i < fi.Length; i++)
            {
                if (fi.ElementAt(i).Name == (fileupload.FileName))
                {
                    msgErro.InnerHtml = "Nome Imagem Existente!";
                }

            }
            
            
        }
    }
}

Responder

Gostei + 0

17/04/2011

Roberto Rodrigues.

Pessoal por favor alguem tem uma solu��o, indica��o para resolver a esse problema citado acima?

Responder

Gostei + 0

30/04/2011

Douglas Negreiros

P�ginas funcionam como o evento post correto? Quando voc� insere as imagens, gravando-as em um local fisico no servidor e um local l�gico no banco, voc� t�m um post no servidor. Correto? Ent�o voc� aproveita este momento para carreg�-las novamente.

Responder

Gostei + 0

01/05/2011

Roberto Rodrigues.

Douglas, Qual melhor forma para inserir as imagens no banco de dados? Como inserir somento o caminho das imagens no banco e as imagens em uma pasta?

Responder

Gostei + 0