jquery 获取背景图片的宽高

<script type="text/javascript">
/* 拿到背景 */
var url=$('.wrap').css('backgroundImage');
/* 正则删掉不需要的信息,保留图片的链接 */
var s = url.match(/url\((.*?)\)/);
/* 返回一个数据,第一个是原图片链接,第二个才是删除不需要的东西的链接 */
url =s[1];
/* 删除头跟尾的引号 */
if(url[0]=="\""){ url = url.slice(1,-1); console.log(url) }
/* 把图片链接放到img的实例里面获取高宽 ,使用onload只能图片加载完之后才回去图片的高宽 */
$("<img/>").attr("src", url).load(function(){
realWidth = this.width;
realHeight = this.height;
console.log(realWidth);
});
</script>

猜你喜欢

转载自www.cnblogs.com/zjhuanjing/p/11884235.html