Alterar imagem ao clicar num link

20/10/2013

0

PHP

Olá,
Estou desenvolvendo uma aplicação em PHP onde o usuário pode se cadastrar. No momento do cadastro é gravada uma imagem padrão e quando o usuário estiver em seu perfil ele pode alterar os dados, inclusive a imagem. Preciso fazer com que ao clicar m um link (que aparece quando ele move o mouse sobre a imagem). O que eu queria é quando o usuário clicar sobre esse link, abrir a tela para seleção e quando o usuário escolher a imagem e clicar no botão Abrir a imagem seja trocado no BD.
Alguém poderia me dar uma luz. Desde já agradeço.
Edson Pereira

Edson Pereira

Responder

Posts

21/10/2013

Edson Pereira

Para aqueles que leram esse post e tinha a mesma dúvida que eu, encontrei a solução:
1 - Cria o input file e o link:

<input id="upload" type="file"/>
<a href="" id="upload_link">Upload your photo</a>

2 - Função js para que o link se comporte como o input file:

$(function(){
$("#upload_link").on('click', function(e){
e.preventDefault();
$("#upload:hidden").trigger('click');
});
});


3 - CSS para ocultar o input file:

#upload_link{
text-decoration:none;
}
#upload{
display:none
}



Espero que ajude. Valeu
Responder

21/10/2013

Joel Rodrigues

Obrigado por compartilhar a solução.
Estou marcando o tópico como concluído para que sirva como fonte de pesquisa.
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar