<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>JQ 获取图片真实宽高</title> <script>window.jQuery || document.write(unescape("%3Cscript src='http://libs.baidu.com/jquery/1.10.1/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); </script> <style type="text/css"> #image{ width: 200px; height: 150px;} </style> </head> <body> <img src="aaa.jpg" width="400" height="300" id="image"> <script type="text/javascript"> $(function(){ var imgSrc = $("#image").attr("src"); getImageWidth(imgSrc,function(w,h){ console.log({width:w,height:h}); }); }); function getImageWidth(url,callback){ var img = new Image(); img.src = url; // 如果图片被缓存,则直接返回缓存数据 if(img.complete){ callback(img.width, img.height); }else{ // 完全加载完毕的事件 img.onload = function(){ callback(img.width, img.height); } } } </script> </body> </html>
效果图:
相关推荐
网上收集的js,jq获取屏幕宽高的代码。
JS代码用于网页制作图片切换功能。并且是以圆点作为切换功能的
jq代码切换图片
在Stack Overflow找到一个方法获取input file图片文件的宽高: var _URL = window.URL || window.webkitURL; $("#file").change(function (e) { var file, img; if ((file = this.files[0])) { img = new Image...
非常好用的一款jq上传图片插件,基于zyload插件,希望能帮到各位
jq图片替换效果,非常常用的效果,超简单的写法,一看就懂,亲测可用
实用JS以及JQ实现图片旋转 球形的旋转 以及字母更换
jquery.lazyload用JQ实现图片延迟加载,即在浏览器看到的地方才加载图片。
单图。多图查看,旋转,放大缩小 jq插件
由于项目需要,手写一个能够使两个DIV高度自适应相等 类似好123的左右大框 (因为本人CSS样式不是很好,边线省略1像素)
插件描述:JQ图片列表查看插件,兼容IE7及以上和其他浏览器,支持鼠标滚轮 参考示例:http://www.jq22.com/jquery-info5220
在网上找回的一些代码,完善bug后的程序文件,可直接部署使用。功能:通过php和jq上传图片,然后对上传的图片进行裁剪并保存服务器。
jq实现点击图片弹出大图
原生jq实现天气信息,每日24点刷新。参数参考 http://www.k780.com/api/weather.today
AJAX+PHP+JQ图片预览截取上传,简单高效!值得收藏!
NULL 博文链接:https://onestopweb.iteye.com/blog/2332748
支持手机,pc自适应 裁剪上传图片插件,html5 jquery。适合移动端的开发。
jQ缩放图片悬停效果是一款带变焦风格的jquery图像悬停特效,当鼠标在图像上面悬停时,图像会自动放大,并有一个单击放大的图标。 jQ缩放图片悬停效果演示图:
JQ JS javascript 普通图片上传 图片格式转换 图片base64转换 jpg转base64 png转base64