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, Segunda-feira, às 11h
(1560) (5) (1) (1)

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, Domingo, às 23h
ola Thiengo, soh pra le lembrar que ainda estou aguardando rsrsrs
Responder
Vinícius Thiengo (1) (0)
23/03/2015, Segunda-feira, às 09h
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, Segunda-feira, às 10h
valeu pela dica, vou tentar
Responder
07/07/2014, Segunda-feira, às 22h
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, Terça-feira, às 01h
Opa Matteus, blz?
Vou colocar sua dica de vídeo na fila de vídeos a serem feitos. Abraço
Responder