从移动目录获取图像比例

Get image ratio from mobile directory

本文关键字：图像 获取 移动      更新时间：2023-09-26

我正在用Phonegap和Android进行一些测试。目前，我需要获取未实际加载的图像的高度和宽度。来自phonegap的文件结构是这样的：资产/assets/wwwassets/www/cssassets/www/imgassets/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

什么都没用。

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

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

这是小提琴：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;

乔舒亚

相关文章：