Ola Programadores!Neste tutorial, estaremos aprendendo como trabalhar com o plugin Jquery Multiple File Upload, que e responsavel por gerenciar as requisicoes de arquivo entre cliente e servidor. Vantagens* Multi-linguagem* Personalizacao* Layout intuitivo* Validacoes* EventosO tutorial foi divido em dois modulos, o primeiro, o lado frond-end e o segundo, back-end.1o Modulo Frond-end1.1 Adicionar os cdn's de css e js, entre a tag <head> e </head><link href="http://hayageek.github.io/jQuery-Upload-File/uploadfile.min.css" rel="stylesheet" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script src="http://hayageek.github.io/jQuery-Upload-File/jquery.uploadfile.min.js"></script>1.2 Adicionar a div, responsavel pela interacao dos uploads, entre a tag <body> e </body><div id="fileuploader">Selecionar Arquivo</div>1.3 Configuracao do plugin.<script> $(document).ready(function () { $("#fileuploader").uploadFile({ url: "HandlerFoto.ashx", fileName: "file", maxFileSize: 4194304, maxFileCount: 10, multiple: true, allowedTypes: "jpg,png,gif", showStatusAfterSuccess: false, dragDropStr: "<span>ou Arraste pra ca! </span>", doneStr: "Enviado", abortStr: "Cancelar", extErrorStr: "Extensaonao permitida.", sizeErrorStr: "Foi ultrapassado o tamanho maximo para upload dearquivo", maxFileCountErrorStr: "Foi ultrapassado o limite de upload.", afterUploadAll: function () { alert("Arquivo(s) enviado com sucesso."); }, }); });</script>Finalizado o 1o Modulo.2o Modulo Back-end2.1 Criar uma handler chamado HandlerFoto.ashxAdicionar no metodo ProcessRequest o trecho de codigo a seguir. HttpPostedFile file =context.Request.Files["file"];if (file != null){ file.SaveAs(@"c:\\tmp\" +file.FileName);}Configurando o pluginTextosdragDropStr: trecho do drag-and-drop. Ex: <span> ou arraste pra ca! </span>.abortStr: Botao responsavel por cancelar o upload: Ex: Cancelar.doneStr: Botao responsavel por dizer upload realizado com sucesso. Ex: Enviado.extErrorStr: Mensagem caso a extensao seja diferente da definida na propriedade allowedTypes.sizeErrorStr: Mensagem caso ultrapasse o limite de tamanho definido na propriedade maxFileSize.maxFileCountErrorStr: Mensagem caso ultrapasse o limite de upload definido na propriedade maxFileCount.ValidacoesmaxFileSize: tamanho maximo do arquivo em bytes. Ex: 4194304 = 4 MB.maxFileCount: Quantidade maxima de arquivo para upload. Ex: 10.multiple: Habilitar multiplos arquivos enviado ao servidor. Ex. true ou false.allowedTypes: Extensoes permitidas: Ex: jpg,png,gif.showStatusAfterSuccess: Ao finalizar o upload de um arquivo, retira a div.EventosonSuccess: Ao finalizar um arquivo com sucesso.onError: Erro em um arquivo.afterUploadAll: Ao concluir todos os uploads.Pronto, atraves desse plugin e possivel ter um layout intuitivo com o usuario.Clique aqui para visualizar a documentacao completa.Valeu pessoal!Download do projeto - Clique aqui A Amazon disponibiliza um conjunto de ferramentas para implantacao de sistemas web sob demanda. Isso significa que o valor do pagamento ao final do mes sera pelo que foi usado e nao por um preco fixo.Atraves dessas ferramentas e possivel escolher o hardware e o sistema operacional para se adequar ao seu projeto.Nesse tutorial iremos criar uma maquina virtual gratuita por um ano com o seguinte hardware:SO: Windows Server 2008 R2 Datacenter SP1 64 BitProcessador: Intel Xeon CPU E5-2670 v2@ 2.50 GHzRAM: 1 GBHD: 30 GBEssa configuracao e pra VM gratuita, caso queira modificar tera um custo.Ao final desse tutorial os objetivos concluidos sera o seguinte:* Cadastro na Amazon* Criacao da VM na Amazon para a instalacao de Projetos em .NET (Parte II)* Administrar o Windows Server 2008 com SQL Server (Parte III)* Conexao Remota (Parte III)Instrucao:1. Cadastro na AmazonFaca o seu cadastro atraves do link a seguir: http://aws.amazon.com/pt/console/ e clique no botao 'Cadastre-se no AWS Console'.Mais detalhes sobre o nivel gratuito da AWSNo formulario faca:1. Insira seu e-mail2. Selecione 'Eu sou um novo usuario'3. Clique no botao 'Faca login usando nosso servidor seguro'4. Insira seus dados5. Clique em 'Criar Conta'Mais Cadastros...Insira os dados