javascript - 原始图像的宽度

Question

快速提问。

我正在尝试查找服务器上存储图像的宽度和高度，以便将其加载到 jcrop 功能中。

页面上显示的图像是可调整大小的，因此不代表原始图像的正确大小，所以当我尝试对其进行 jcrop 时，坐标是错误的

有什么方法可以使用 jquery 或 javascript 找到原始高度和宽度。

更新

我做了一个我需要的东西不起作用的 jsfiddle，任何人都可以看到它为什么不起作用http://jsfiddle.net/2C2Eu/2/

代码

function getimagesize(img) {
img.onload = function () {
    alert(this.width + 'x' + this.height);
};
}

var image = "http://www.citizenship-aei.org/wp-content/uploads/Testing.jpg";
getimagesize(image);

Answer 1

在页面上加载图像并读取尺寸。

var img = new Image();
img.onload = function() {
    var width = img.width;
    var height = img.height;
    processImage(img, width, height); //call some function
}
img.src = "foo.png";

Answer 2

function GetAnImage(src) {

    var newImg = document.createElement('img');
    newImg.src = src;

    return newImg;
}

var newImg = GetAnImage("abc.jpg");
newImg.onload = function () {                           
    var height = this.height;
    var width = this.width;  
    //do with the image as you want         
}

我希望它有帮助。