Upload de Arquivo Sem Carregamento de Página

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes! Você receberá um email de confirmação. Somente depois de confirma-lo é que eu poderei lhe enviar os conteúdos semanais exclusivos. Os artigos em PDF são entregues somente para os inscritos na lista.

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

Upload de Arquivo Sem Carregamento de Página

Vinícius Thiengo
(5537) (5)
Go-ahead
"O método consciente de tentativa e erro é mais bem-sucedido que o planejamento de um gênio isolado."
Peter Skillman
Prototipagem Android
Capa do curso Prototipagem Profissional de Aplicativos
TítuloAndroid: Prototipagem Profissional de Aplicativos
CategoriasAndroid, Design, Protótipo
AutorVinícius Thiengo
Vídeo aulas186
Tempo15 horas
ExercíciosSim
CertificadoSim
Acessar Curso
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Lendo
TítuloManual de DevOps: como obter agilidade, confiabilidade e segurança em organizações tecnológicas
CategoriaEngenharia de Software
Autor(es)Gene Kim, Jez Humble, John Willis, Patrick Debois
EditoraAlta Books
Edição1ª
Ano2018
Páginas464
Conteúdo Exclusivo
Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba gratuitamente conteúdos Android sem precedentes!
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!

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes!
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)
07/07/2014
Opa Matteus, blz?
Vou colocar sua dica de vídeo na fila de vídeos a serem feitos. Abraço
Responder