Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Porcentagem de upload

29-06-2015 12:15

Gostaria de pegar a porcentagem do upload assim que submete-se o form, colocá-lo em uma div que aparecesse e assim que 100% ela sumisse.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Porcentagem de upload

29-06-2015 15:45

Geralmente isso é feito com um arquivo flash. Mas tem uma versão só com jQuery, nesse link http://www.widecodes.com/0xJWUVVgVg/fil ... query.html

Você deve usar como base o código desse link http://malsup.com/jquery/form/progress2.html
Depois, usa o código para processar o arquivo enviado. Eu não testei ainda, mas creio que deve funcionar.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Porcentagem de upload

03-07-2015 09:13

web

Até consegui colocar a barra, porém quando completa a função ele coloca a página dentro da outra, como faz para quando completar ir para a outra página sem ficar dentro da outra?

complete: function(xhr) { status.html(xhr.responseText); }

e nessa função, mesmo com campos com preenchimento obrigatório ele ativa a função da porcentagem... :(

função completa:

<script> (function() { var bar = $('.bar'); var percent = $('.percent'); var status = $('#status'); $('form').ajaxForm({ beforeSend: function() { status.empty(); var percentVal = '0%'; bar.width(percentVal) percent.html(percentVal); }, uploadProgress: function(event, position, total, percentComplete) { var percentVal = percentComplete + '%'; bar.width(percentVal) percent.html(percentVal); //console.log(percentVal, position, total); }, success: function() { var percentVal = '100%'; bar.width(percentVal) percent.html(percentVal); }, complete: function(xhr) { status.html(xhr.responseText); } }); })(); </script>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Porcentagem de upload

03-07-2015 11:16

Você pode trocar essa linha

status.html(xhr.responseText);

por

location.href='novapagina.html';

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Porcentagem de upload

03-07-2015 15:40

Não deu porque a outra página recebe as variáveis via post.
Tipo quando submeter, aparecer a barra de progresso e continuar o post no outro arquivo
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: Porcentagem de upload

03-07-2015 16:26

No caso o script usa o jQuery para retornar os dados de outro documento no principal.
Para redirecionar para outro documento, poderia colocar o seguinte script no documento chamado.

<meta http-equiv="refresh" content="5;URL='novapagina.html'" />

Essa linha iria dar um intervalo de 5 segundos, após redireciona toda a página para outro documento.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 138

Re: Porcentagem de upload

03-07-2015 17:20

cara valeu mesmo show !
1

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado