有没有办法用jquery读出图像的"naturalWidth"？

Question

我尝试过这样的事情:

var Height = $(this).naturalHeight;

但它不起作用.有没有办法做到这一点

greez

Answer 1

我在应用jQuery然后剥离jQuery后使用本机javascript属性

.naturalWidth/.naturalHeight

在我使用的jQuery对象上

var width = this.naturalWidth; 
var height = this.naturalHeight;

要么

var width = $("selector").get(0).naturalWidth; 
var height = $("selector").get(0).naturalHeight;

如果没有选择jQuery对象.

使用jQuery对象上的get(0),您可以访问关联的DOM元素.在本机DOM元素上,您可以使用本机JavaScript代码(此处访问nativ javascript属性.naturalWidth)

Answer 2

在我看来,接受的解决方案会修改对象的外观.有时jQuery有点太有用了,你必须告诉它你的方式.如果要使用naturalWidth或naturalHeight,则只需使用已存在的那个,方法是将jQuery对象转换为本机浏览器元素引用.

var Height = document.getElementById($(this).attr("id")).naturalHeight;

Answer 3

$this.css('height', 'auto');
var height = $this.height();