Upload de Arquivo Sem Carregamento de Página

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação. Você receberá um email de confirmação. Somente depois de confirmar é que poderei lhe enviar o conteúdo exclusivo por email.

Email inválido.
Blog /Desenvolvimento Web /Upload de Arquivo Sem Carregamento de Página

Upload de Arquivo Sem Carregamento de Página

Vinícius Thiengo02/12/2013
(1838) (5) (1) (1)
Go-ahead
"Há apenas uma maneira de evitar críticas: Não faça nada, não diga nada, e não seja nada."
Aristóteles
Código limpo
Capa do livro Refatorando Para Programas Limpos
TítuloRefatorando Para Programas Limpos
CategoriaEngenharia de Software
AutorVinícius Thiengo
Edição
Ano2017
Capítulos46
Páginas598
Comprar Livro
Conteúdo Exclusivo
Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação.
Email inválido

Opa! Blz?!

Nesse vídeo eu apresento um plugin jQuery que nos permite realizar o carregamento de arquivos (no vídeo utilizo imagem) sem realizar o carregamento de página e sem ter que enviar o formulário para depois apresentar o resultado ao usuário. Não dá mais para esperar todo o formulário ser enviado para então mostrar ao usuário como ficam seus arquivos no ambiente Web, nenhum das grandes empresas da Internet (Facebook, Twitter, ...) fazem isso mais e há centenas de formas de enviar os arquivos de forma mais amigável ao usuário... apresenta apenas uma aqui, que por sinal não exige quase nenhum esforço, pois 99% do core vem pronto.

Mas nem tudo é bom com esse plugin. Na verdade ele envie todo o formulário via tag IFRAME, note: "Envia todo o formulário". Logo se você deixar o usuário enviar quantas imagens ele quiser, quando o mesmo for enviar a décima imagem o formulário vai levar muito mais tempo para ser enviado e o arquivo processado... mas os programadores de plantão sempre acham uma "Gambiarra" para resolver o problema. Mas enfim, vou evitar muitas delongas e deixar você assistir ao vídeo.

Os links de página de demonstração e download do projeto se encontram logo abaixo no post.

Plugin jQuery Form

Vlw.

Compartilhe, comente!

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação.
Email inválido

Relacionado

Simples Formulário Com HTML, jQuery, Ajax e PHPSimples Formulário Com HTML, jQuery, Ajax e PHPDesenvolvimento Web
jQuery Para Quem Não ConhecejQuery Para Quem Não ConheceDesenvolvimento Web
PHP Para Quem Não ConhecePHP Para Quem Não ConheceDesenvolvimento Web
CSS Para Quem Não ConheceCSS Para Quem Não ConheceDesenvolvimento Web

Compartilhar

Comentários Facebook

Comentários Blog (5)

Para código / script, coloque entre [code] e [/code] para receber marcação especifica.
Forneça seu nome válido.
Forneça seu email válido.
Forneça o comentário.
Enviando, aguarde...
matteus.jb (2) (0)
22/03/2015
ola Thiengo, soh pra le lembrar que ainda estou aguardando rsrsrs
Responder
Vinícius Thiengo (1) (0)
23/03/2015
Puts... Bem lembrado Matteus. Vamos ver se sai logo isso. Para carregar múltiplos arquivos o que faço é utilizar uma tag <form></form> para cada parte do conteúdo em que o usuário pode carregar file para o servidor. Imagine que vc tem um formulário de cadastro onde o usuário pode enviar várias fotos como parte do cadastro. Esse cadastro tb tem outros campos como nome, email, senha, ... o que faço é colocar o formulário completo não dentro das tags <form></form> e sim dentro de um <div> que será o root, porém na parte onde as fotos podem ser enviadas eu coloco cada parte dessa dentro de seu próprio <form>, pois o plugin precisa de forma individuais para o envio dos files. Tem essa lib aqui (https://blueimp.github.io/jQuery-File-Upload/) aparentemente é boa. Abraço
Responder
matteus.jb (2) (0)
23/03/2015
valeu pela dica, vou tentar
Responder
07/07/2014
olá thiengo, vc poderia fazer uma vídeo aula igual a esta mais com envio de arquivos multiplo via ajax com o pluguin citado na vídeo aula?
Responder
Vinícius Thiengo (1) (0)
08/07/2014
Opa Matteus, blz?
Vou colocar sua dica de vídeo na fila de vídeos a serem feitos. Abraço
Responder