获取图片原始尺寸

时间：2016-01-28 15:11:40 阅读：153 评论：0 收藏：0 [点我收藏+]

标签：

前提：图片设置了别的width值

1、新建一个Image()对象，然后把图片的src赋给该对象

function getNaturalWidth(img) {

var image = new Image()

image.src = img.src

var naturalWidth = image.width

return naturalWidth

}

2、HTML5提供了新属性，naturalWidth/naturalHeight可以直接获取图片的原始宽高。

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]

}

注意IE6/7/8的处理，创建了一个新的img，仅设置其src，这时需要让图片完全载入后才可以获取其宽高。因此这里是异步的，可以传一个回调，回调里把原始的宽高作为参数传入。

标签：

原文地址：http://www.cnblogs.com/chuangweili/p/5166271.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行