请使用firefox,chrome等最新浏览器浏览本站。

js获取图片原始宽高最简单有效的方法

html5 阿豹 376次浏览 1个评论 扫描二维码

HTML5提供了一个新属性naturalWidth/naturalHeight可以直接获取图片的原始宽高。这两个属性在Firefox/Chrome/Safari/Opera及IE9里已经实现。改造下获取图片尺寸的方法。

function getImgNaturalDimensions(img, callback) {
    var nWidth, nHeight
    if (img.naturalWidth) { // 现代浏览器
        nWidth = img.naturalWidth
        nHeight = img.naturalHeight
    } else { // IE6/7/8
        var imgae = new Image()
        image.src = img.src
        image.onload = function() {
            callback(image.width, image.height)
        }
    }
    return [nWidth, nHeight]
}

喜欢 (5)or分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到
(1)个小伙伴在吐槽
  1. I love the new collection! I think the Pina Colada dress though (from a different collection) is my favorite at the moment.FB name - April Gilbertson (definitely like them on thn(o)!aprilgilbertsoerat)gmail(dot)cem
    匿名2017-03-11 18:58 回复