Ir para conteúdo

Arquivado

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

decode

dimensão

Recommended Posts

Tenho um script que ao selecionar uma imagem por um campo file aparece uma miniatura da foto ao lado. Gostaria de saber como fazer para aparecer as dimensões da imagem tambem.

 

<script language=javascript>function trocaimg(img) { document.images.imagem.src = document.preview.srcimg.value;}</script><form name="preview"><table><tr><td><input type=file name=srcimg onChange="javascript:trocaimg();"></td><td><img width=150 height=150 name='imagem' border=1></td><td>Largura: XXXX Altura: XXXX</td></tr></table></form>

Vlwz.

Compartilhar este post


Link para o post
Compartilhar em outros sites

com certeza já teve tópico parecido

eu até tinha feito um exemplo com o logo do imasters

saca só:

 

<script language=javascript>

function imagem_tam(){

  obj = new Array();

  el = new Array();

  el[0] = "imagem";

  el[1] = "tamimg";

  el[2] = "tamimg2";

  i = -1;

  if(document.all){

  i++; obj = document.all[el];

  i++; obj = document.all[el];

  i++; obj = document.all[el];

  }else{

  i++; obj = document.getElementByID(el);

  i++; obj = document.getElementByID(el);

  i++; obj = document.getElementByID(el);

  }

 

  largura = obj[0].width;

  altura = obj[0].height;

 

  obj[1].value = "largura: "+largura+" pixels";

  obj[2].value = "altura: "+altura+" pixels";

}

</script>

 

<style type=text/css>

.oculto{border-left:0px; border-top:0px; border-bottom:0px; border-right:0px; background-color:ffffff; color:ff0000; font-family:verdana; font-size:11px;}

</style>

 

<center>

<img src='http://www.imasters.com.br/forum/forum_topo/topo.gif' name='imagem' id='imagem' border='0'>

<hr>

<input type="button" value="dimensões" onclick="java script:imagem_tam();"><br>

<input type="text" name="tamimg" id="tamimg" size="18" class="oculto" value="" readonly>

<input type="text" name="tamimg2" id="tamimg2" size="18" class="oculto" value="" readonly>

</center>

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.