Javascript 原始图像的宽度

快速提问

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

页面上显示的图像是可调整大小的，因此不代表原始图像的比例大小，因此当我尝试对其进行jcrop时，协理人是错误的

是否有任何方法可以使用jquery或javascript查找原始高度和宽度

更新

我已经做了一堆我需要的东西，但都不管用，有人能理解为什么它不管用吗

代码

---

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

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";

---

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

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";

我希望有帮助

---

我希望它能有所帮助。

您的代码是什么样子的？你能不能用原始尺寸向img标签添加属性？@putvande我从不存储原始图像尺寸。我正在将图像的文件路径发送到函数。在函数中，我将在弹出窗口中显示图像，并使用jcrop选项裁剪图像。目前，我正在向函数发送图像的高度和宽度，但这些是已调整大小图像的高度和宽度。我想要原始图像的尺寸。我不能发布代码，因为有几千行代码，我要花几个小时才能把它切碎，让你看到相关的部分。你的代码是什么样子的？你能不能用原始尺寸向img标签添加属性？@putvande我从不存储原始图像尺寸。我正在将图像的文件路径发送到函数。在函数中，我将在弹出窗口中显示图像，并使用jcrop选项裁剪图像。目前，我正在向函数发送图像的高度和宽度，但这些是已调整大小图像的高度和宽度。我想要原始图像的尺寸。我无法发布代码，因为有几千行代码，我需要几个小时才能将代码切碎，向您展示相关部分。我只是在创建一个示例，当我检查回来时，发现您已经回答了。我已经加载了图像，并根据存储的大小调整尺寸。这是在页面加载之后，我将文件路径发送到弹出窗口上的函数page@Gavin我已经用我需要的东西更新了你的小提琴，但是很明显我不能让它工作，这就是为什么我发布了这个问题，请看一看，看看你是否能帮助@BarryWatts。没有字符串加载@BarryWatts--我已经更新了小提琴，但是只是为了让您知道，您不能将其用作

var imgSize=getImageSize（'http://path.to.img.jpeg');因为图像的加载是异步的。但是，您可以像我一样使用回调，这样您就可以获得图像维度，然后在它们可用时对它们进行处理。我刚刚创建了一个示例，当我检查回时，发现您已经回答了。我已经加载了图像，并根据存储的大小调整尺寸。这是在页面加载之后，我将文件路径发送到弹出窗口上的函数page@Gavin我已经用我需要的东西更新了你的小提琴，但是很明显我不能让它工作，这就是为什么我发布了这个问题，请看一看，看看你是否能帮助@BarryWatts。没有字符串加载@BarryWatts--我已经更新了小提琴，但是只是为了让您知道，您不能将其用作
var imgSize=getImageSize（'http://path.to.img.jpeg');因为图像的加载是异步的。但是，你可以像我一样使用回调，这样你就可以得到图像维度，然后在它们可用时对它们进行处理。为什么你选择这个而不是我的？只是好奇，因为它是一样的。你为什么选择这个而不是我的？只是好奇，因为这是同一件事。
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         
}