Upload de Arquivo Sem Carregamento de Página

Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog. Você receberá um email de confirmação. Somente depois de confirma-lo é que poderei lhe enviar os conteúdos exclusivos.

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
(1960) (5) (1) (1)
Go-ahead
"Preocupe-se mais com seu caráter do que com sua reputação, porque seu caráter é o que você realmente é, enquanto a reputação é apenas o que os outros pensam que você é."
John Wooden
Receitas Android
Capa do livro Receitas Para Desenvolvedores Android
TítuloReceitas Para Desenvolvedores Android
CategoriaDesenvolvimento Android
AutorVinícius Thiengo
Edição
Ano2017
Capítulos20
Páginas934
Acessar Livro
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
Acessar Livro
Conteúdo Exclusivo
Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog.
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, e com prioridade, os conteúdos Android exclusivos do Blog.
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