javascript - 从移动目录获取图片比例

Question

我正在使用 Phonegap 和 Android 进行一些测试。 目前我需要获取未实际加载的图像的高度和宽度。 phonegap 的文件结构是这样的: Assets / Assets /www Assets /www/css Assets /www/img Assets /www/index.html

但是当我尝试这样做时:

var myImg = new Image();
myImg .src = "img/myImage.png";
alert(myImage.width + " : " + myImage.height);

我什么都没有。输出为“0 0”。 我尝试了每一种组合，因为我不知道自己处于哪个水平，所以我尝试了:

../img/myImage.png
www/img/myImage.png
assets/www/img/myImage.png

没有任何作用。

Answer 1

我假设根据您的示例代码，您所说的“未实际加载”的意思尚未放入页面中，因为如果未加载图像，则无法访问宽度和高度!

问题是在您请求高度和宽度时您的图像尚未加载。您需要使用 onload 事件等待图像加载，然后让 javascript 获取高度和宽度。小心不要在附加 onload 事件之前设置 src，否则你会错过缓存的图像。

这是 fiddle :http://jsfiddle.net/B8Ge5/

(无需 HTML/CSS)

JS

var img = new Image()
  , source = 'http://i.imgur.com/XmqQuvu.jpg';

img.onload = function(){
    alert( 'Width: ' + this.width + 'Height: ' + this.height );
};

img.src = source;

约书亚