Alguém Sabe Fazer Um Upload De Fotos Parecido Com Este?
#1
Posted 13/05/2009, 09:49
Creio que isso seja feito usando PHP, Javascript e talvez ajax, pode ser que dê para fazer só com PHP e Javascript.
A lógica é:
1- O usuário clica em "inserir a foto":
2 - Abre-se uma janela usando uma função do javascript para upload da mesma
3- Após esta foto ser inserida ela aparece na página onde o usuário clicou para "inserir a foto".
Claro que sem dar "reload" na página...
Sei um pouco de PHP e muito pouco de javascript.. preciso de ajuda ...
Galera alguém sabe como fazer? Se souber posta o código ou se aguém já tem pronto pode me mandar?
Valeu!
#2
Posted 13/05/2009, 10:03
A maioria da programação nesse caso é feita em javascript manipulando o DOM.
Tutoriais, código colaborativo (pastebin), curso de PHP, artigos e etc.
#3
Posted 13/05/2009, 10:14
#4
Posted 13/05/2009, 11:49
Primeiro: Ajax é um conceito (Asynchronous Javascript And XML) onde são feitas requisições http via Javascript.
Segundo: Infelizmente o Javascript não faz envio de arquivos (há possibilidade no Firefox através de modificações nas configs do browser)
E quanto ao seu problema:
A solução do seu problema não é exatamente o PHP (essa parte é "fácil" e aparentemente você já conhece), mas sim um pouco de Javascript e HTML, oque torna este tópico assunto de outro fórum.
Mas mesmo assim vou responder. A idéia, é que como não é possível enviar arquivos via Javascript, você precisa utilizar um iframe "invisível". E então na tag <form> do seu formulário você altera o atributo target para o iframe, o iframe vai abrir a página que vai receber o post e você pode imprimir nessa página um javascript com a mensagem que desejar.
Desta maneira ele não irá dar um reload na página, mas somente no iframe contido nela.
Edição feita por: EternaL, 13/05/2009, 11:52.
Desenvolvimento de websites e sistemas web. Acesse http://www.magnumweb.com.br
#5
Posted 13/05/2009, 15:02
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#6
Posted 13/05/2009, 15:51
form.html
<html> <head> <title>Form</title> </head> <body> <form action="inserir.php" method="post" target="iframe_inserir" enctype="multipart/form-data"> <input type="file" name="imagem" /> <input type="submit" value="Inserir" /> </form> <iframe name="iframe_inserir" id="iframe_inserir" frameborder="0" height="0" width="0"></iframe> </body> </html>
inserir.php
<?php if (move_uploaded_file($_FILES['imagem']['tmp_name'], 'imagens/'. $_FILES['imagem']['name'])) { $mensagem = "Imagem inserida com sucesso!"; } else { $mensagem = "A imagem não pode ser inserida."; } ?> <script type="text/javascript"> alert('<?= $mensagem; ?>'); </script>
Claro que isso é só uma demonstração, e fica faltando uma série de coisas que serão feitas por você, mas o básico é isso.
Desenvolvimento de websites e sistemas web. Acesse http://www.magnumweb.com.br
#7
Posted 13/05/2009, 22:29
Tutoriais, código colaborativo (pastebin), curso de PHP, artigos e etc.
#8
Posted 14/05/2009, 09:22
Outro exemplo é o envio de imagens para o Orkut! Como será que da pra fazer aquilo?
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#9
Posted 14/05/2009, 11:55
Recomendo:
http://demo.swfuploa.../v220/index.htm
http://www.pixeline....loader/test.php
Muller Dias
ex-administrador Fórum WMO
#11
Posted 15/05/2009, 08:38
Se este post lhe ajudou, ajude o fórum também. Use a reputação de mensagens!
#12
Posted 15/05/2009, 11:33
"Se quiser ser feliz por um dia, vingue-se; se quiser ser feliz por uma vida inteira, perdoe."
Muito Obrigado à todos do fórum, e à toda equipe do fórum!
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)