首页 > Web开发 > 详细

jquery 获取背景图片的宽高

时间:2019-11-18 19:17:25      阅读:292      评论:0      收藏:0      [点我收藏+]

<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>

jquery 获取背景图片的宽高

原文:https://www.cnblogs.com/zjhuanjing/p/11884235.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!