Barra de Upload em php e Ajax

[P3rukao 0]

Aew pessoal.... alguém saca algum modelo de script para mostrar uma barra de progresso do upload de um determinado arquivo???

 

Eu já montei a minha página de upload... mas quando eu envio um arquivo muito grande, tipo 6MB, ele demora muito... daí agente fica sem saber se o bicho tá enviando mesmo ou naum... =/

 

O cliente então... se vê um negoço desse já dá bronca.... >.<

 

E... quando demora muito o servidor cancela a conexão....

 

 

» Alguém saca, alguém saca ??? xD

[Maykonn 6]

A melhor barra de upload

Barra de Upload

[Williams Duarte 431]

Tempo atras eu estava procurando e achei esta

 

http://www.seemysites.net/projFolder/uploader/

[brcontainer 16]

Amigo o UPLOAD com barra de progresso pode ser em AJAX, mas este não mostra a porcentagem, apenas fica uma animação que não dá para saber a porcentagem(pelo menos em 100% ajax nunca vi).

Pode ser JAVASCRIPT+FLASH, muito bom e util.

E pode-se usar este "sistema": http://pecl.php.net/package/uploadprogress que está no proprio site do PHP.

 

Espero que estas informações sejam uteis.

[Fabyo 66]

http://www.max-bazhenov.com/dev/upload-dialog-2.0/index.php

 

http://filetree.extjs.eu/

[P3rukao 0]

Muito bacana as soluções que me mostraram...

 

em relação ao uso de FLASH nesse "sisteminha" SILVER, eu não sei se eh mto aconselhável, já que eu quero ter um sistema ACESSÍVEL para todos...

 

Mas achei mto bacana os teus exemplos Fabyo, eu tava doido pra saber como fazer um negoço dakele que não precisa de um inputFile para enviar o arquivo... e nem criar um script DOM para ficar adicionando mais inputs na página, sempre que eu quisesse enviar mais de um upload.... =/

 

parecido com o upload de imagens do orkut... (bem funcional ;))

 

vou dar uma estudada no script para ver se funciona aqui... ;)

[P3rukao 0]

Caramba Fabyo.... esse site que tu me passou tem muuuuuitos recursos que eu sempre tentei desenvolver... mas nuuunca tive tempo...

 

isso vai facilitar e muuuito a minha vida.... ("tow parecendo uma criança feliz agora") xD

 

http://www.extjs.com/deploy/dev/examples/

[Fabyo 66]

= )

 

http://extjs.eu/

[P3rukao 0]

show de bola.... vou estudá-los mais agora!!! xD

[brcontainer 16]

Eu não quiz dizer para você usar eu disse que é assim que funciona o com BARRA de PROGRESSO(que mostra em porcentagem), por isso tambem falei do em AJAX e do PECL estava explicando os diferentes tipos.

 

Espero que tenha sucesso ae, falow

 

parecido com o upload de imagens do orkut... (bem funcional wink.gif)

Esse é em FLASH+JAVASCRIPT, como eu disse, outra computador que não tem o FLASH hoje em dia é RARO, youtube hoje me dia é moda ;)

[P3rukao 0]

eu entendi o que você quis dizer SILVER.... (sem pro) ;)

 

mas tem certeza que o negoço do upload do orkut eh em flash??? pq eu verifiquei lah e o bixo num tem nenhum aplicativo flash naum Ô.õ... soh vi recursos ajax mermo.... :P

[brcontainer 16]

mas tem certeza que o negoço do upload do orkut eh em flash???

é oculto, o JAVASCRIPT que chama ele por isso você não consegue ver. Ele é chamado com DOM, eu sei que o código fonte do JS é extenso mas se você buscar a palavra upload ou .swf no arquivo você vai achar ;)

 

Falow amigo boa sorte ;)

 

[editado]

Amigo achei o trecho que esta o FLASH de upload:

<td class="boxmidlrg">
<p class="parain">Você pode enviar vários arquivos JPG, GIF ou PNG. (Tamanho máximo de 10MB por foto.)</p>
<div class="listdivi ln"></div>
<div class="parabtns" style="width: 100%; position: relative;">
<span class="rfdte"><a id="back_to_basic" style="position: relative;" href="java script:void(0);" onclick="return photoUploader.switchToBasicUploader()"> Problemas? Use o programa de envio simples »</a></span>
<span id="flash_add_photos" class="lf">
<span class="big_blue"><span><a href="java script:void(0);" onclick="photoUploader.openFileDialog(); return false;">adicionar fotos</a></span></span>
</span>
<div style="position: absolute; left: 0px; top: 2px; width: 173px; height: 33px;" id="flash_content"><embed type="application/x-shockwave-flash" src="http://static1.orkut.com/flash/flashUploader001.swf"'>http://static1.orkut.com/flash/flashUploader001.swf" style="" id="flashLoader" name="flashLoader" bgcolor="#FFFFFF" quality="high" allowscriptaccess="always" wmode="transparent" width="100%" height="100%"></div>
<div class="listdivi" style="height: 2px;"></div>

A URL é essa:

http://static1.orkut.com/flash/flashUploader001.swf

[Fredi 0]

Olha só esse site aqui: http://fredimachado.com.br

 

Tem exemplo de como fazer upload múltiplo de arquivos com barra de progresso.

 

Abraço!

[P3rukao 0]

Fredi... mto obrigado pela sua dica.... eu vou dar uma estudada no seu código pra ver se ele se encaixa no que eu estou precisando.... qqr duvida eu te pertubo aqui dps... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[brcontainer 16]

Olha só esse site aqui: http://fredimachado.com.br

 

Tem exemplo de como fazer upload múltiplo de arquivos com barra de progresso.

 

Abraço!

 

Fredi... mto obrigado pela sua dica.... eu vou dar uma estudada no seu código pra ver se ele se encaixa no que eu estou precisando.... qqr duvida eu te pertubo aqui dps... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Este exemplo tambem usa FLASH. ;p por que como eu disse anteriormente não tem jeito só com JS, necessita de outros recursos como o FLASH. ;)

[P3rukao 0]

Olha só esse site aqui: http://fredimachado.com.br

 

Tem exemplo de como fazer upload múltiplo de arquivos com barra de progresso.

 

Abraço!

 

Fredi... mto obrigado pela sua dica.... eu vou dar uma estudada no seu código pra ver se ele se encaixa no que eu estou precisando.... qqr duvida eu te pertubo aqui dps... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Este exemplo tambem usa FLASH. ;p por que como eu disse anteriormente não tem jeito só com JS, necessita de outros recursos como o FLASH. ;)

 

Fredi... [and Everyone else]... eu dei umas olhadas nessa aplicação... e é exatamente o que eu estava querendo no início desse tópico... está perfeito... só não consegui enxergar o lugar onde ele faz redimensionamento das imagens (ou se faz ou não, num vi)... pois seria muuuito útil se ele tbm redimensionasse as imagens ao fazer o upload....

 

mas tá de boua... Obrigado pela dica http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[P3rukao 0]

Alguem mais já tentou usar a dica do Fredi aí em cima???

Eu misturei alguns scripts que encontrei na net... e personalizei um pouco... e o bixo parou de funcionar depois disso... =/

 

No meu script eu adicionei uma classe que trata as imagens vindas do form e jah redmensiona pro tamanho que você quiser e cria o thumb se você quiser tbm... efaz isso com o imagens .PNG tbm e com o fundo transparente...xD... utilizando o WideImage...

 

Esse aqui eh o exemplo que o Fredi me deu de como utilizar o script dele junto com o wideImage: LINK DE EXEMPLO DO FREDI

 

Aqui tem o meu exemplo que está dando erro quando eu tento utilizar a classe que personalizei: LINK DE EXEMPLO DE MIM

 

o estranho eh que essa classe funciona paerfeitamente para formulários "normais", digo, em formulários simples com o envio do arquivo diretamente para o script .PHP ...=/

 

 

Alguém pode me ajudar a identificar o erro?? Já tow cum nó na cabeça... :wacko: jah tentei de varias formas montar essa estrutura... e naum pega nem a paw... =/

 

 

OBS::: Eu alterei o script original do Fredi [no meu exemplo] para poder debugar o script e mostrar os erros se aparecerem... ;)

[Jonathan Alencar 0]

Olá gente..

 

Olha só o que eu achei parece ser interessante mais eu nao tenho

nem ideia de como isso funciona..

 

http://www.extjs.com/deploy/dev/examples/simple-widgets/progress-bar.html

 

Alguma luz?..

 

Abraço!