Cursos 24 Horas - Cursos 100% Online com Certificado

Sistema de Upload de Imagem em PHP

21 Comentários Autor : Notícia e blog 08 janeiro 2010

Este sistema é útil quando queremos colocar um campo para que o usuário possa enviar suas fotos direto da página sem login e senha, ele envia direto para o servidor. É necessário que o servidor aceite PHP, não é necessário ("BD", banco de dados) o que facilita e muito para os usuários menos experientes, vamos então ao tutorial:

Baixando e enviando os arquivos para o servidor

Antes de tudo é necessário que você possua um programa "ftp" para enviar os arquivos para o servidor, eu indico o "Filezilla" que é um programa gratuito e que faz todo o serviço de upload.

1)Serão utilizados dois arquivos no sistema, (baixe aqui - link direto) ou (baixe aqui - mirror) . O arquivo está no formato .rar então é necessário que você tenha um descompactor de arquivos.
2)Envie para o servidor.
3)Anote o link dos dois arquivos enviados se você não modificou o nome é upload.php e exibir.php

Inserindo o sistema em uma página

Como eu disse no passo anterior você deve obter os links diretos para os arquivos ex: "http://www.noticiaeblog.com/upload.php"

1)O meio mais fácil de inserir o sistema em uma página é utilizando um "iframe" que é uma página dentro de outra página abaixo o código padrão de um iframe:<IFRAME name=sistema src="http://local-que-voce-hospedou/upload.php" frameBorder=0 width=400 height=250 scrolling=auto></IFRAME>Em laranja você deve substituir pelo link direto do arquivo upload.php. Insira o código alterado entre as tags <body> e </body>
2)O arquivo exibir.php, exibe as imagens hospedadas pelo sistema, se seu interesse é apenas fazer upload para o servidor, desconsidere o arquivo ou exclua.

Caso haja dúvida pergunte nos comentários!

Referência: Códigofonte.net
Update(26/01/2012): Link de download corrigido.

    21 Comentários

    Jonathan Hess disse...
    8 de janeiro de 2010 19:55 #

    Mas tem como eu pegar o link dessas imagens?

    Notícia e blog disse...
    8 de janeiro de 2010 20:37 #

    @Jonathan Hess, não tem como pois só serve para upload para o servidor.

    Lucas Jordison disse...
    8 de janeiro de 2010 21:31 #

    Perfeito !! era o q eu precisava pra minha galeria de fotos, vlw noticia e blog... tenho duvida em uma coisa... como faço para colocar uma imagem no rodapé do blog, em vez de colocar um rodapé dividido ou colocar algo escrito... é que queria colocar uma imagem pro blog ficar mais moderno... um abraço !!!

    Notícia e blog disse...
    8 de janeiro de 2010 22:12 #

    @ basta você alterar tudo que está entre as divs:
    <div id='footer-wrapper'>
    e
    </div>

    um exemplo ser utilizar
    <img src='url-da-imagem'/>

    Jorge disse...
    17 de março de 2010 12:10 #

    Gostaria de saber o motivo do erro a seguir, quando escolho a imagem a ser feito o UP-LOAD, clico em OK pra enviar, ai aparece essa imagem de erro, Porque?

    nao alterei nada nos arquivos baixados.

    PHP Warning: move_uploaded_file(./DSC04248.jpg) [function.move-uploaded-file]: failed to open stream: Permission denied in E:\home\chanceextra\Web\upload.php on line 58
    PHP Warning: move_uploaded_file() [function.move-uploaded-file]: Unable to move 'C:\WINDOWS\Temp\php53A6.tmp' to './DSC04248.jpg' in E:\home\chanceextra\Web\upload.php on line 58

    Notícia e blog disse...
    17 de março de 2010 12:30 #

    @Jorge, pode ser o servidor que você está hospedando, tente em outro para ver se funcionará..

    Hernesto Machado disse...
    5 de abril de 2010 15:38 #

    Meu amigo, aqui da o mesmo problema que o do Jorge mas o meu servidor é pago, existe alguma forma de no código PHP eu inserir o login e senha do servidor, talvez seja esse o problema, o servidor não deixa upar por n ter acesso.

    PV disse...
    5 de abril de 2010 15:45 #

    Mt bom o tuto cara!
    E Hernesto e Jorge essa msg é retornada pelo servidor pois o diretorio em q vcs estão tentando fz up das imagens n possue permissão de escrita como anônimo, para resolver esse problema basta ir até o painel de controle do seu servidor e definir essa 'pasta' onde serão coladas as imagens como passivel de escrita ok? Abraços!

    Notícia e blog disse...
    5 de abril de 2010 18:11 #

    @Todos é porque o directorio esta definido como pasta principal ou root pro isso da esse erro porque os arquivos estão sendo colocados em pastas

    Robisin disse...
    21 de agosto de 2010 15:14 #

    Olha o meu nao ta dando certo fala assim:

    Arquivo(s) enviados: Sem Título-1.jpg - Falhou! Nenhum arquivo foi enviado!

    pq?
    nao alterei nd!fiz como o tuto mandou e nal deu certo
    o hospedeiro e gratis mais aceita php normalmente!

    Ass: ROBISIN

    Notícia e blog disse...
    22 de agosto de 2010 22:05 #

    @Robisin
    Alguns servidores gratuitos restringem algumas funções do PHP, por isso tente outro servidor, e ou netcko.com

    Anônimo disse...
    4 de janeiro de 2011 13:29 #

    vlw pelo post

    noliee disse...
    23 de abril de 2011 23:51 #

    O link para download não existe. Dá para disponibilizar outros links?

    Leandro Santos disse...
    29 de abril de 2011 13:46 #

    O link para download não existe. Dá para disponibilizar outros links? [2]

    Derick disse...
    21 de setembro de 2011 09:30 #

    O link para download não existe. Dá para disponibilizar outros links? [3]

    Renato disse...
    5 de janeiro de 2012 19:02 #

    Quais são as tags para colocar foto no php?

    Notícia e blog disse...
    26 de janeiro de 2012 11:23 #

    @noliee@Leandro Santos@Derick Links corrigidos obrigado pelo comentário!!!

    lucas santos disse...
    4 de maio de 2012 16:24 #

    faz uma video aula por favor me add no msn pra explica melhor pf pf pf lucasmachado74@hotmail.com

    fernandes tiger disse...
    29 de julho de 2012 16:38 #

    mano,antes de mais nada, parabens, muito bom e simples; mas, me tira um duvida, e se depois eu quiser apagar alguma das fotos que estao na pagina exibir, exemplo: se alguem enviar um foto indesejavel e eu nao quiser que ela seja exibida como fazer para deletar. desde de ja agradeço e aguardo resposta.
    abraçao.

    Anônimo disse...
    19 de outubro de 2012 11:00 #
    Anônimo disse...
    10 de dezembro de 2012 09:31 #

    Como eu faço para apagar algo que já tenha enviado ?
    me mande por email nicolas_199622@hotmail.com

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.