Upload de m�ltiplos arquivos com jQuery em Asp.Net

Como sempre o jQuery � incr�vel nesse artigo vou mostrar como fazer upload de m�ltiplos arquivos isso � poss�vel com nosso amigo jQuery que monta uma fila de espera aonde o m�todo HttpFileCollection, nos conseguimos guarda as informa��es de todos os arquivos que passaram pelo FileUpload usando o Request.Files .

Primeiro abaixe o projeto ou somente os arquivos jQuery para nos consegui usar a fun��o multiUpload do arquivo jquery.MultiFile, ap�s ter abaixado coloque os seguintes webcontrols na nossa p�gina aspx .

1 � FileUpload

2- Button

Importante: No FileUpload coloque a seguinte Class multi aonde o jQuery vai pegar os arquivos carregados pelo o usu�rio e montar uma fila de espera abaixo.

O Seu c�digo vai ficar mais ou menos dessa maneira.

01<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
02 CodeFile="Default.aspx.cs" Inherits="_Default" %>
03 
04<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
05 <script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
06 <script src="Scripts/jquery.MultiFile.js" type="text/javascript"></script>
07</asp:Content>
08<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
09 
10 <div>
11 <asp:FileUpload ID="FileUpload1" runat="server"  />
12 <asp:Button ID="Button1" runat="server" Text="Upload" onclick="Button1_Click" />
13 </div>
14</asp:Content>

clique na imagem para visualizar melhor

Ap�s ter inserido os controles clique duas vezes no Button para ele criar um evento click.

Segundo passo e importa a namespace System.IO para trabalhar com arquivos podendo manipular eles obtendo nome, diret�rio, salvando eles em diret�rios espec�ficos etc.

Depois vai no nosso evento clique e coloque o seguinte c�digo como mostra o c�digo abaixo.

01protected void Button1_Click(object sender, EventArgs e)
02{
03 
04try
05{
06//Metodo que organiza os arquivos carregado pelo cliente e monta uma cole��o de arquivos passados pelo FileUpload
07HttpFileCollection hfc = Request.Files;
08 
09for (int i = 0; i < hfc.Count; i++)
10{
11 
12//Metodo HttpPostedFile ao contrario do httpFileCollection ele fornece
13//as informa��es de um arquivo para ler ou ser salvo.
14HttpPostedFile hpf = hfc[i];
15FileUpload1.SaveAs(Server.MapPath("Files") + "\\" + System.IO.Path.GetFileName(hpf.FileName));
16Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), "Sucesso", "alert('Upload efetuado com sucesso')", true);
17 
18//Caso quera o nome dos arquivos para salvar no banco a linha abaixo informa os nomes
19//string nameFiles = hpf.FileName;
20}
21 
22}
23catch (Exception ex)
24{
25Page.ClientScript.RegisterClientScriptBlock(Page.GetType(), "Erro", "alert('"+ex.Message+"')", true);
26 
27}
28}

Depois crie um diret�rio no seu projeto com o nome Files ou de sua escolha lembre de altera o nome do diret�rio caso troque no c�digo tamb�m para funcionar.

Importante: abra a web.config na e coloque o seguinte linha na System.web

<httpRuntime maxRequestLength=�100000″/>

Para voc� conseguir fazer upload de arquivos grandes at� 100MB.