Jump to content
rjsma

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

Recommended Posts

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 ;)

Share this post


Link to post
Share on other 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?

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other 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%.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.