Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

BlackShadow

JAVASCRIPT: upload de imagens com preview

Recommended Posts

Olá pessoal, estou aqui com um probleminha e queria saber se alguém me pode dar uma mão:

A minha intenção é dar um preview em javascript de um arquivo escolhido para upload.

Peguei um script na net que faz isso, no entanto a minha ideia era mostrar uma thumbnail em vez da imagem inteira, no entanto ele nao está a conseguir pegar os tamanhos da foto. Queria mostrar as thumbs com tamanho de 100x75 ou 75x100, conforme a foto seja horizontal/vertical.

 

 

<script>function preview() {	 field = document.getElementById( 'upload' ).value;	 image = document.getElementById( 'previewIMG' );	 path = 'file://'+ field;	 path = path.replace(/\\/, '/');	 image.src = path;	 image.style.display = 'block';	 image.style.width = "100px";	 image.style.height = "75px";}</script><input type="file" name="upload" id="upload" onchange="preview()"; /><br /><br /><img id="previewIMG" style="display:none;" />
]

 

desde já muito obrigado pela ajuda !

Compartilhar este post


Link para o post
Compartilhar em outros sites

assim funfou no meu ie:

 

function preview() {	 field = document.getElementById( 'upload' ).value;	 image = document.getElementById( 'previewIMG' );	 path = 'file://'+ field;	 path = path.replace(/\\/, '/');	 image.src = path;	 image.style.display = 'block';	 //alert(image.width +"-"+ image.height);	 if(image.width > image.heigth)	 {		//paisagem		image.style.width = "100px";		image.style.height = "75px";	 }	 else	 {	   //retrato	   image.style.width = "75px";	   image.style.height = "100px";	 }}

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.