js获取图片真实尺寸 - 代码篇

js获取图片真实尺寸 - 代码篇


代码案例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>js获取图片真实尺寸</title>
<style type="text/css">
	.thumb{
		width: auto;
		height: auto;
		max-width: 100%;
		height: auto;
	}
</style>
</head>
<body style="max-width: 640px;margin: 0 auto;">
	<div class="">
		<img src="images/news_0_1.png" class="thumb" width="70"/><br />
		<img src="images/news_0_1_A.png" class="thumb"/><br />
		<img src="images/news_0_1_22.png" class="thumb"/>
	</div>

<script src="js/jquery.min.3.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	// 图片地址
	var img_url = 'images/news/news_0_1.png'	
	// 创建对象
	var img = new Image()	
	// 改变图片的src
	img.src = img_url	
	// 加载完成执行
	img.onload = function(){
	    // 打印
	    alert('width:'+img.width+',height:'+img.height)
	}
</script>
</body>
</html>


以上就是个关于“ js获取图片真实尺寸 - 代码篇 ” 的全部内容。

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页