UPLOAD COM MÚLTIPLOS ARQUIVOS

Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Para efetuar o download você precisa estar logado. Clique aqui para efetuar o login
Confirmar voto
0
 (1)  (0)

Realizar 1 upload de arquivo com ASP.NET é tarefa muito simples. Classes e controles existentes no .NET Framework facilitam em muito nosso trabalho, e como não poderia ser diferente, venho neste arquivo demonstrar como realizar Upload de múltiplos arquivos usando um ArrayList(). Então, mãos à obra.

 

Realizar 1 upload de arquivo com ASP.NET é tarefa muito simples. Classes e controles existentes no .NET Framework facilitam em muito nosso trabalho, e como não poderia ser diferente, venho neste arquivo demonstrar como realizar Upload de múltiplos arquivos usando um ArrayList(). Então, mãos à obra.

Abra o VS2005 e com ele crie um novo projeto do tipo Web. Elimine ou altere nome do arquivo Default.aspx, deixando como upload.aspx. Também adicione um novo diretório com o nome de upload no Projeto e seu Soluction Explorer deve estar como a imagem que segue, figura 1.0.

SoluctionExplorer.gif
Figura 1.0 – Soluction Explorer

 

Adicione os seguintes controles na página upload.aspx.

  1 Controle FileUpload

            ID = fupArquivo

  1 Controle ListBox
            ID = lstArquivos

  3 Controles Button
     Button1
            ID =    btnAdicionar
            Text = Adicionar

     Button2
            ID =    btnUpload
            Text = Upload

     Button3
            ID =    btnDeletar
            Text = Deletar

  1 Label
            ID = lblMensagem
            Text = “”

Organize os controles como você preferir, eu os organizei como segue na figura 1.1

interface_upload.gif
Figura 1.1 – Organização dos controles na página


Vamos agora ao código. De um duplo clique sobre o botão Adicionar e insira o seguinte código:

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.IO;

 

public partial class upload : System.Web.UI.Page

{

  //Criamos uma variável do tipo ArrayList. Perceba que ela é “Estática”

  static public ArrayList arrArquivos = new ArrayList();

 

  protected void Page_Load(object sender, EventArgs e)

    {

       //Page_Load Event.

    }

   

  protected void btnAdicionar_Click(object sender, EventArgs e)

    {

      //Vamos verificar se não existe arquivo selecionado no controle FileUpload.

      if(!fupArquivo.HasFile)

      {

        ClientScriptManager cs = Page.ClientScript;

         cs.RegisterClientScriptBlock(this.GetType(),"Erro","alert(Selecione um arquivo para carregar!)",true);

         return;

      }

      //Verificamos o tamanho do arquivo em bytes. Nesse caso faço Upload de até 11MB

      if(fupArquivo.PostedFile.ContentLength > 11000000)

      {

        ClientScriptManager cs = Page.ClientScript;

        cs.RegisterClientScriptBlock(this.GetType(), "Erro", "alert(O tamanho do arquivo é maior que o tamanho permitido!)", true);       

        return;

      }

     else

      {

       //Adicionamos o arquivo ao arrayList, em seguida ao ListBox.

       arrArquivos.Add(fupArquivo);

       lstArquivos.Items.Add(fupArquivo.PostedFile.FileName);     

      }

   }  

}

 

Perceba que o código está comentado onde acredito realmente ter necessidade, portanto dispensa maiores comentários.

Vamos adiante com o nosso exemplo. Vamos agora codificar o botão “Deletar”.

Novamente, em modo design, efetue um duplo clique no botão Deletar e insira o seguinte código.

  protected void btnDeletar_Click(object sender, EventArgs e)

  {

    if(lstArquivos.SelectedIndex > -1) //Se for selecionado algum item da lista

    {

      arrArquivos.Remove(lstArquivos.SelectedValue); //Remove o item do ArrayList

      lstArquivos.Items.Remove(lstArquivos.SelectedValue); // Remove tbm do ListBox

    }

    else

    {

      ClientScriptManager cs = Page.ClientScript;

      cs.RegisterClientScriptBlock(this.GetType(),"Selecionar","alert(Selecione um arquivo na lista!)",true);

      return;

    }

  }

O botão Deletar como podemos perceber através do código, vai nos permitir eliminar arquivos da lista de Uploads. Este botão remove o item do ListBox e obrigatóriamente também deve remover do ArrayList para evitar exceptions.

Agora vamos codificar o botão “Upload” da mesma forma que codificamos os controles antecedentes. Efetue um duplo clique sobre o botão Upload e insira o código.

  protected void btnUpload_Click(object sender, EventArgs e)

  {

    //Pegamos o caminho do diretório onde vamos salvar os Uploads

    String caminho = Server.MapPath("upload\\");

   

     foreach(FileUpload iFile in arrArquivos) //Para cada Arquivo iFile em arrArquivos

     {

      //Salvo o arquivo no diretório base, nesse caso "caminho".

      iFile.PostedFile.SaveAs(caminho + Path.GetFileName(iFile.PostedFile.FileName));

      lblMensagem.Text = "Upload de: " + lstArquivos.Items.Count.ToString() + " arquivo (s) Realizado com sucesso!";

     }

     lstArquivos.Items.Clear(); //Limpamos o ListBox

     arrArquivos.Clear(); //Limpamos o ArrayList

 

 }

 
Para finalizarmos, se faz necessário uma pequena configuração no arquivo web.config já que neste exemplo estou criando um Upload de até 11MB. Abra o arquivo web.config e dentro de <system.web> temos que configurar nossa aplicação de modo que ela nos permita adicionar arquivos com até 11MB. Isso se faz através do elemento httpRunTime. Veja como ficou o meu arquivo web.config.

<configuration>

      <appSettings/>

      <connectionStrings/>

      <system.web>

 

            <compilation debug="true"/>

 

            <authentication mode="Windows"/>

 

    <httpRuntime

      executionTimeout="90"

      maxRequestLength="11000"

    />

       

      </system.web>

</configuration>

 

executionTimeout="90"

     Especifica o número máximo de segundos em que é permitido a execução de um pedido [request], após este tempo o request é finalizado automaticamente

 

maxRequestLength="11000"

     Determina o tamanho máximo do arquivo de Upload, definido em KB. O padrão é de 4096

 

 

Feito este ajuste no web.config pode rodar sua aplicação e adicione e exclua arquivos na lista e finalmente efetue o Upload dos arquivos. Se você seguiu corretamente os passos indicados neste artigo sua aplicação deve funcionar perfeitamente.

Após o Upload dos arquivos, no Server Explorer do VS2005, clique em Refresh para atualizar o a árvore de projeto e você verá os arquivos listados no diretório upload. Figura 1.2.

finally.gif
Figura 1.2 - Refresh no Soluction Explorer


 

Bem, vou ficando por aqui, uma ótima semana a todos e até o próximo...

 
Você precisa estar logado para dar um feedback. Clique aqui para efetuar o login
Receba nossas novidades
Ficou com alguma dúvida?