JS获取图片实际宽高，以及根据图片大小进行自适应

复制代码 代码如下:

<img src="http://xxx.jpg" id="imgs" onload="adapt();"/>

复制代码 代码如下:

function adapt(){

var tableWidth = $("#imgTable").width(); //表格宽度

var img = new Image();

img.src =$('#imgs').attr("src") ;

var imgWidth = img.width; //图片实际宽度

if(imgWidth<tableWidth){

$('#imgs').attr("style","width: auto");

}else{

$('#imgs').attr("style","width: 100%");

}

}

另可设置CSS样式：

复制代码 代码如下:

<style type="text/css">

<>

</style>