已解决: 语法错误
下面的代码是有效的:
var image = {width:0,height:0};
var imageObject = new Image();
function getImageSize(id) {
imageObject.src = id.attr("src");
image.width = imageObject.width;
image.height = imageObject.height;
}
原始问题
我想获取一张图片的原始宽度和高度,并尝试了不同的代码来实现。我的函数在点击事件触发时被调用,所有的图片都被调整为400x300。
我尝试使用auto
将图片大小调整为其原始大小:
var image = {width:0,heigth:0};
function getImageSize(id) {
id.css({
'width': 'auto',
'heigth': 'auto'
});
image.width = id.attr('width');
image.heigth = id.attr('heigth');
}
附加auto
并没有改变图像的大小。
alert(id.attr('width'));
总是返回“未定义”。所以它不起作用。
var image = {width:0,heigth:0};
var imageObject = new Image();
function getImageSize(id) {
imageObject.src = id.attr("src");
image.width = imageObject.width;
image.heigth = imageObject.heigth;
}
alert(image.width);
可以正常工作。
alert(image.heigth);
返回未定义。
使用imageObject.naturalWidth
与上面的方法一样 - 宽度会正确给出,但高度未定义。
我看到需要添加新的图像对象,但是当我使用imageObject.appendTo('body');
时,甚至无法单击该图像。
感谢任何建议。
image.heigth
语法错误:"height"。 - Travis J