您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

使用JavaScript获取图像的实际宽度和高度?(在Safari / Chrome中)

使用JavaScript获取图像的实际宽度和高度?(在Safari / Chrome中)

Webkit浏览器在加载图像后设置height和width属性。建议不要使用超时,而建议使用图像的onload事件。这是一个简单的示例:

var img = $("img")[0]; // Get my img elem
var pic_real_width, pic_real_height;
$("<img/>") // Make in memory copy of image to avoid css issues
    .attr("src", $(img).attr("src"))
    .load(function() {
        pic_real_width = this.width;   // Note: $(this).width() will not
        pic_real_height = this.height; // work for in memory images.
    });

为了避免CSS对图像尺寸可能产生的任何影响,上面的代码对图像进行了内存复制。这是FDisk建议的非常聪明的解决方案。

您还可以使用naturalHeightnaturalWidthHTML5属性

javascript 2022/1/1 18:18:09 有672人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶