获取$ .each中的图像宽度和高度

时间:2017-09-13 12:06:09

标签: jquery load

为了在后台加载图像,我使用$ .each来迭代保存图像路径的 fNames 数组。对于每个加载的图像,我在加载方法中得到0的宽度和高度。 代码如下 -

$.each(fNames, function (a, b) {
    var imm = new Image();
    $(imm).load(function () {
        var w = $(this).width();
        var h = $(this).height();
        console.log(b + " --> " + w + " X " + h);
        $(this).appendTo("#imgList");
    })
    .click(function () {
        $(".dialogImage").css("border", "none");
        $(this).css("border", "2px solid black");
        selectedImage = b;
    })
    .addClass("dialogImage")
    .attr({
        "src": "/customers/" + $("#IDHiddenField1").val() + "/" + $("#projectIDHiddenField1").val() + "/" + b,
        "title": b
    });
});

如何获得加载图像的宽度和高度?

1 个答案:

答案 0 :(得分:1)

试试这个

var img = document.getElementById('imageid'); 
var width = img.clientWidth;
var height = img.clientHeight;