Question

寻找获取外部图像的尺寸（宽度和高度）的方法。
我使用了prop()和attr()，但它们没有返回任何值。只是一个错误。

示例：

<a href="pathtotheimage">some link</a>

Answer 1

var imgSrc = "http://server.com/your/image/path/here.jpg"
var _width, _height;
$("<img/>").attr("src", imgSrc).load(function() {
    _width = this.width; 
    _height = this.height;
 });

Answer 2

看起来没有人提供过有效的香草回答。

var img = document.createElement('img')
img.src = 'http://domain.com/img.png'
img.onload = function() {
    console.log( this.width )
    console.log( this.height )
}

这是一个jsfiddle：http://jsfiddle.net/Ralt/VMfVZ/

Answer 3

这不是技术上的jQuery，但我会沿着这条路走下去：

var image = new Image(), width, height;
image.src = 'http://whereyourimage.is/heresmyimage.jpg';
width = image.width;
height = image.height;

然后，您可以使用width和height访问这些值，例如alert('My image is ' + width + ' pixels accross.');

jQuery：如何获取外部图像的尺寸？

3 个答案: