Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

rjsma

Mostrar a imagem quando é selecionada no input[type=file]

Mensagens Recomendadas

rjsma

Boas,

Precisava de uma ajudinha aqui.

Gostava de mostrar a imagem que foi selecionada no input file numa img sem submeter o formulário.

<img src="valor da input[type=file]"/>

Tentei fazer o seguinte, mas a variável imagepath não consegue guardar o valor.

var imagePath = $('input[type=file]').val();
$('.test').html($('<img src="file:///'+imagePath+'" />'));

Abraços ;)

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
rjsma

@happyhippyhippo esse exemplo realmente funciona, mas só no chrome ( testei no ie9 + firefox mas não funciona ), não existe uma outra maneira para que fique compatível noutros browsers?

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo

assim de cabeça, não ... só mesmo pesquisando na net, ou apareça alguém que conheça outro método

ps : foi verificado pelo @brunoais e funciona no IE10


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
brunoais

@happyhippyhippo esse exemplo realmente funciona, mas só no chrome ( testei no ie9 + firefox mas não funciona )

Esse aí de não funcionar no firefox é que é-me estranho...

Qual é a exceção que mostra?


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.