Ir para conteúdo
Fórum Script Brasil
  • 0

Preciso de uma solução


Añd®é™

Pergunta

Gente eu tenho esse form, ele acha legal a foto e faz o papel dele certinho, vejam só:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1 />
<title>Vassouras Urgente Propaganda</title>
</head>

<body>
<form name="frm" id="frm method-"post" action="<?=$_SERVER['PHP_SELF']?>?ac=envia" enctype="multipart/form-data">
       <input type="file" name="foto" />
       <input type="submit" value="Enviar Foto" />
</form>
</body>
<html>

Mais para aonde vai a imagem que ele acha, preciso que ela vá para uma pagina, e nesse ponto não sei o que fazer, será que uma boa alma caridosa e paciente poderia me dar umas aulas de como proceder, até que esse form post imagens em uma página?

Desde já obrigado a todos!!!

Link para o comentário
Compartilhar em outros sites

22 respostass a esta questão

Posts Recomendados

  • 0

Posso estar enganado, mas acho que vai ser preciso uma linguagem dinamica para fazer isso, tipo PHP, para indicar o caminho para onde vai a imagem.

Dá uma googlada por "upload de arquivo em html e php" que vai aparecer um monte de resultados. Ve qual você entende.

Se voce domina PHP, vai ser um bom aprendizado. Senão vai ser um CTRL+C e CTRL+V sem entender nada do que está acontecendo. Qualquer coisa manda seu feedback nesse mesmo Post.

Abraços.

Link para o comentário
Compartilhar em outros sites

  • 0
Dá uma googlada por "upload de arquivo em html e php" que vai aparecer um monte de resultados.
Achei esse que o cara fornece esse codigo

index.htm


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Exemplo de upload</title>
<script src="http://www.prototypejs.org/assets/2008/1/25/prototype-1.6.0.2.js"></script>
<script type="text/javascript">
    function upload() {
        //cria um iframe, escondido
        var iframe = new Element("iframe", {name:"target", id:"iframe_upload"});
        //insere na página o iframe
        document.body.insert(iframe);
        //muda o target do form, apontando para o iframe
        $("form_upload").target = iframe.name;
        //mostra a mensagem
        $("message").update("aguarde, enviando arquivo...");
    }
    
    function closeIframe() {
        //atualiza a mensagem
        $("message").update("arquivo enviado com sucesso");
        //apaga o iframe
        $("iframe_upload").remove();
    }
</script>
<style type="text/css">
    iframe {display:none;}
</style>
</head>
<body>
<h1>Exemplo de upload</h1>
<form action="upload.php" method="post" enctype="multipart/form-data" id="form_upload" onsubmit="return upload();">
    <input type="file" name="arquivo" id="arquivo" />
    <input type="submit" value="enviar" />
    <span id="message"></span>
</form>
</body>
</html>

Nessa Primeira parte entendo que seja o formulario de busca de arquivo se estou certo, e tenho que anexar isso dentro da pagina que eu quero que fique e hospeda-la normalmente como as outras, tanto que vem com o nome de index.html.

Mais ai vem a parte que eu me enrrolo.

<?php

//faz todo o processamento necessário no PHP para persistir o arquivo

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Upload - OK</title>

</head>

<!-- chama função javascript da página pai -->

<body onload="parent.closeIframe();">

</body>

</html>

Pois essa realmente eu não sei onde por nem o codigo, seria colocalo dentro de uma página, e depois hospeda-lo no servidor? ou teria que ainda modificar algo?

Forte Abraço!!

Link para o comentário
Compartilhar em outros sites

  • 0

cara se você quer fazer upload de imagens, primeiro você define aonde estas imagens vão ser armazenadas, isso pode ser num banco de dados ou você pode usar alguns scripts prontos que criam uma "cópia" da tua imagem no teu servidor e depois puxam dali... agora primeiro você precisda saber onde armazenar e que linguagem usar eu sugiro php mas também tem asp e etc...

espero ter ajudado qlquer coisa pede ajuda lá no fórum de php abraço!

Editado por Tiago Ravache
Link para o comentário
Compartilhar em outros sites

  • 0

Vamos por partes...

1. Vamos pelo que o Tiago falou: "Armazenar no Banco ou em uma pasta no servidor?" Vamos colocar em uma pasta nesse exemplo.

2. Linguagem utilizada:PHP. (Talvez esse tópico depois seja movido para o fórum de PHP em virtude disso)

3. Para utilizar esse exemplo o seu site vai ter que ter um servidor apache + PHP rodando. Para testes na própria máquina baixe o XAMPP.

4. Se for usar um hospedeiro PHP procure verificar se o parametro file_uploads está ativado, ou seja, está com opção on, senão o upload não funcionará.

5. Reutilizei trechos do código que você passou acima para montar esse exemplo. Como você disse que entendeu em partes o index.html, acho que não terá problema por lá. Quando o outro arquivo upload.php, existem alguns comentários simplifcados lá.

6. Não há validação de imagens e extensões nesse exemplo, portanto pode se fazer upload dos mais diversos tipos, mas é possível fazer isso.

Se você for usar php para fazer isso, provavelmente uma das soluções será está:

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Upload de Arquivos</title>

&lt;script type="text/javascript">
    function upload() {
        //cria um iframe, escondido
        var iframe = new Element("iframe", {name:"target", id:"iframe_upload"});
        //insere na página o iframe
        document.body.insert(iframe);
        //muda o target do form, apontando para o iframe
        $("form_upload").target = iframe.name;
        //mostra a mensagem
        $("message").update("aguarde, enviando arquivo...");
    }
    
    function closeIframe() {
        //atualiza a mensagem
        $("message").update("arquivo enviado com sucesso");
        //apaga o iframe
        $("iframe_upload").remove();
    }
</script>

<style type="text/css">
    iframe {display:none;}
</style>
</head>

<body>
<center>

<h1>Upload de Arquivos</h1>

<form action="upload.php" method="post" enctype="multipart/form-data" id="form_upload" onsubmit="return upload();">
    <fieldset> <legend> Faça seu Upload Aqui</legend>
        <input type="file" name="arquivo" id="arquivo" />
        <input type="submit" value="enviar" />
        <span id="message"></span>
    </fieldset>
</form>

</center>

</body>
</html>
upload.php
<?php

//Cria pasta de fotos caso ela não tenha sido criada
@mkdir("fotos",0777);

// Obtém dados do upload
$fotos = $_FILES['arquivo'];

// Pasta de destino das fotos
$destino = './fotos/';

//Concatenação do destino com o nome do arquivo
$destino= $destino.$fotos[name];

//Realização de copia da imagem para a pasta destino e verificação de resultado
if(move_uploaded_file($fotos['tmp_name'],$destino))
    {
    echo "<br><br><br><br><center>Imagem foi enviada com sucesso</center>";
    }
else{
    echo "<br><br><br><br><center>Houve um erro no Upload!!!</center>";    
    }
?>
    
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="refresh" content="5; url=index.html">
<title>Upload - OK</title>
</head>
<!-- chama função javascript da página pai -->
<body onload="parent.closeIframe();">
<center>
<br><b>Você será direcionado em 5 segundos...</b><br>
</center>
</body>
</html>

Obs: a pasta "fotos" será criada no mesmo local onde se encontrará os arquivos index.html e upload.php.

Abraços.

Link para o comentário
Compartilhar em outros sites

  • 0

Até funciona mais aonde vai parar a imagem, o caminho funcionou legal sim, achou a imagem cliquei em enviar e apareceu que eu seria direcionadoi em 5 segundos, mais aonde foi parar a imagem?

tem que fazer mais alguma coisa?

E na internet acusa um erro, ainda não to conseguindo resolver esse problema, será que existe uma solução para isso.

Abraço!!

Link para o comentário
Compartilhar em outros sites

  • 0
Obs: a pasta "fotos" será criada no mesmo local onde se encontrará os arquivos index.html e upload.php.

Tem que ir para a pasta fotos :D onde está os arquivos html e php.

Qual foi o erro de acusou??

Você verificou o parametro file_uploads?????

Abraços.

Link para o comentário
Compartilhar em outros sites

  • 0
Tem que ir para a pasta fotos onde está os arquivos html e php.

Não tá criando a pasta.
Você verificou o parametro file_uploads?????

Não, era para verificar?

Na Internet da esse erro quando termina o envio da imagem.

PHP Error Message

Warning: move_uploaded_file(/fotos/visite vassouras.bmp) [function.move-uploaded-file]: failed to open stream: No such file or directory in /home/a4836360/public_html/upload/upload.php on line 16

Free Web Hosting

PHP Error Message

Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move '/tmp/php9Td2FF' to '/fotos/visite vassouras.bmp' in /home/a4836360/public_html/upload/upload.php on line 16

Free Web Hosting

Houve um erro no Upload!!!

Você será direcionado em 5 segundos...

Nunca vi um trequinho tão complicado de fazer, ve ai se pode me ajudar amigão!!!

Link para o comentário
Compartilhar em outros sites

  • 0

Cria a pasta manualmente com nome "fotos" e coloca permissões 777 para ela. Se não há a pasta criada provavelmente na hora de passar o arquivo para essa pasta está dando o erro no move_upload em função disso.

Qualquer coisa veja essa post do túnel do tempo.

http://scriptbrasil.com.br/forum/index.php?showtopic=49872

Funcionando ou não, retorna uma resposta!! Ajeita essa pasta ai!! Cria ela "no braço" e seta as permissões.

Abraços.

Link para o comentário
Compartilhar em outros sites

  • 0
Cria a pasta manualmente com nome "fotos" e coloca permissões 777 para ela. Se não há a pasta criada provavelmente na hora de passar o arquivo para essa pasta está dando o erro no move_upload em função disso.

O que seria permissões 777 e onde eu colocaria?

Cria ela "no braço" e seta as permissões.

Também não entendi quando você diz seta as permições, pois sou meio leigo ainda no lance de upload.

Ve se estou na mesma linha de raciocinio seu, vou criar a pasta fotos dentro uma pagina em branco com o nome "index.html", seria isso? caso seja, o que eu faço depois?

Link para o comentário
Compartilhar em outros sites

  • 0

Vai ficar assim o resultado. A pasta você cria normal e não coloca nenhum arquivo index dentro dela, pois não é necessário.

upload.jpg

777 são as permissões de escrita,leitura e execução para grupos, usuarios e para o dono da pasta. Cria somente a pasta e ve se dá certo. Senão ela vai apontar novos erros, e na ventura de dar novos erros posta os novos erros.

Tá usando servidor gratuito ou pago????

Servidor Windows ou Linux???

Qual o nome do servidor???

Abraços.

Editado por _Cristiano_
Link para o comentário
Compartilhar em outros sites

  • 0

Criei a pasta e continua dando o mesmo erro!!

http://www.arquivovassourasurgente.50webs....tagemforum.gif/

O forum não tá deixando a imagem passar mais ela tá nesse link ai com o erro que da na pagina, dá uma olhada para você ver se isso tem solução

Link para o comentário
Compartilhar em outros sites

  • 0
Gratuito, Windows e o nome é 000webhost.com

Você fala que tá usando um servidor e passa outro como link!!

Verifiquei o 50webs na sua versão gratuita não há suporte a PHP. Já o 000webhost possui o suporte a PHP.

Testei o mesmo código inicial que te passei no servidor da orgfree.com (numa ágina que estou desenvolvendo), tive apenas que criar a pasta manualmente e setar as permissões de acesso, o upload foi um sucesso.

Abraços.

Editado por _Cristiano_
Link para o comentário
Compartilhar em outros sites

  • 0
Você fala que tá usando um servidor e passa outro como link!!
Tipo o 50webs, é onde eu hospedei uma imagem do erro, tipo para não copiar e colar e ficar diferente, eu dei um print na pagina salvei e hospedei na 50webs, para você ver o erro certinho como estava acontecendo, pois lá eu hospedo imagens sem importância.

Já o 000webhost é o servidor que eu uso mesmo, e esse que é o válido.

Verifiquei o 50webs na sua versão gratuita não há suporte a PHP. Já o 000webhost possui o suporte a PHP.

E o que devo fazer lá no 000webhost?

Testei o mesmo código inicial que te passei no servidor da orgfree.com (numa ágina que estou desenvolvendo), tive apenas que criar a pasta manualmente e setar as permissões de acesso, o upload foi um sucesso.

O que seria setar as permições de acesso?

Link para o comentário
Compartilhar em outros sites

  • 0

Bom, vamos lá!!!

Abra seu FileZilla e entre com seu login e senha. Feito isso na raiz do seu site, clique com botão direito selecione a opção para "inserir diretório":

1selecionarcriardiretorio.jpg

Depois crie a pasta com nome upload, conforme figura abaixo:

2criardiretorio.jpg

Feito isso selecione a pasta upload e entre dentro dela.

3selecionarodiretorio.jpg

Agora você deve encontrar os arquivos index.html e upload.php que estão na sua pasta. Qualquer coisa cópia os códigos que já estão no fórum.

4CopiandoArquivos.jpg

Faça o upload dos arquivos index.html e upload.php para a pasta upload do seu site.

5ArquivosCopiados.jpg

Após fazer, os uploads do arquivo e hora da criação da pasta "fotos". Selecione a opção para "inserir diretorio"

6CriandodiretoriodeFotos.jpg

Crie a pasta "fotos".

7Criandodiretoriofotos.jpg

Agora vamos setar as permissõs. Primeiro selecione a pasta fotos e após apertar com botão direito selecione a opção "permissão de arquivos"

8Colocandopermissesnapastaupload.jpg

Feito isso aparecerá a tela abaixo.

9setandopermisses.jpg

Marque as opções, conforme mostrado na figura. O valor númerico deverá ficar 777. Certifique-se de que as permissões foram salvas no servidor.

Pronto, agora é hora de tentar!! Chega de figuras por aqui. :D

Vá no seu www.dominio.com/upload e teste. Lembra dos posts anteriores, qualquer coisa releia-os. Lembra dos servidores que tem suporte a PHP.

Posta o feedback!

Abraços.

Link para o comentário
Compartilhar em outros sites

  • 0

Fiz isso mais continua dando o mesmo erro, sera que o 000webhost não suporta esse tipo de linguagem?

PHP Error Message

Warning: move_uploaded_file(/fotos/visite vassouras.bmp) [function.move-uploaded-file]: failed to open stream: No such file or directory in /home/a4836360/public_html/upload/upload.php on line 16

Free Web Hosting

PHP Error Message

Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move '/tmp/php8ywn6F' to '/fotos/visite vassouras.bmp' in /home/a4836360/public_html/upload/upload.php on line 16

Free Web Hosting

Houve um erro no Upload!!!

Você será direcionado em 5 segundos...

Link para o comentário
Compartilhar em outros sites

  • 0

OK agora tá enviando para a pasta fotos, só que como que eu faço agora para as imagens aparecerem dentro de uma página?

pois elas aparecem com o nome que o servidor dá a elas, seria isso um padrão sequencial e bastaria um codigo para que elas aparecesem automaticamente em uma página minha?

Link para o comentário
Compartilhar em outros sites

  • 0

Certo talvez seria trabalhar com um banco de dados para auxiliar na apresentação das imagens. Como isso vai dificultar mais ainda você vai ter que ver um meio de ler as imagens e colocar nas tags html.

Se eu não estou enganado, você criou um post no tópico de PHP, verifica lá!!

Abraços.

Link para o comentário
Compartilhar em outros sites

  • 0

É nada feito até consegui fazer o lance para o usuario postar sua imagem na minha pagina, tudo funciona bem a imagem do usuario vai para a pasta do diretório, só que eu não sei como faz para visualizar elas, e nam organiza-las, será que alguém tem uma solução para esse pequeno grande problema?

Forte Abraço a Todos!!!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...