Skip to main content
adicionou 118 caracteres ao conteúdo
Fonte Link
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

Após o carregamento da imagem você consegue obter esses valores através de suas propriedades, exemplo:

console.log($(img).prop('height'));
console.log($(img).prop('width'));

  $('#teste').load(function(){
    console$("#height").loghtml($(this).prop('height'));
    console$("#width").loghtml($(this).prop('width'));
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div><div id="imagem">
  <img id="teste" src="http://www.google.hr/images/srpr/logo3w.png" />
</div>
<div id="DadosDaImagem">
  <span id="height"></span>
  <span id="width"></span>
</div>

Após o carregamento da imagem você consegue obter esses valores através de suas propriedades, exemplo:

console.log($(img).prop('height'));
console.log($(img).prop('width'));

  $('#teste').load(function(){
    console.log($(this).prop('height'));
    console.log($(this).prop('width'));
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <img id="teste" src="http://www.google.hr/images/srpr/logo3w.png" />
</div>

Após o carregamento da imagem você consegue obter esses valores através de suas propriedades, exemplo:

console.log($(img).prop('height'));
console.log($(img).prop('width'));

$('#teste').load(function(){
    $("#height").html($(this).prop('height'));
    $("#width").html($(this).prop('width'));
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="imagem">
  <img id="teste" src="http://www.google.hr/images/srpr/logo3w.png" />
</div>
<div id="DadosDaImagem">
  <span id="height"></span>
  <span id="width"></span>
</div>

Fonte Link
Caique Romero
  • 7,2mil
  • 2
  • 24
  • 51

Após o carregamento da imagem você consegue obter esses valores através de suas propriedades, exemplo:

console.log($(img).prop('height'));
console.log($(img).prop('width'));

  $('#teste').load(function(){
    console.log($(this).prop('height'));
    console.log($(this).prop('width'));
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <img id="teste" src="http://www.google.hr/images/srpr/logo3w.png" />
</div>