当前位置: 首页 > news >正文

html中获取图片的真实尺寸

使用js得到图片的真实尺寸,下面就是js代码:

<html>
    <head>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
            <img style="width:100px;height:100px;" id="img" src="4.jpg"/>
            <button onclick="ge();">点我送屠龙宝刀</button>
    </body>

    <script type="text/javascript">
        function ge(){
            var img = document.getElementById("img");
            //把这个对象进行克隆
            var ig = $(img).clone();
            //把css属性中的width与height去掉,然后就是它的真实尺寸了
            $(ig).css("width","");
            $(ig).css("height","")

            //这里把jquery转成了原生的js对象,来取它的宽度与长度
            alert("宽度:"+$(ig)[0].width+"    高度:"+$(ig)[0].height);
        }
    </script>
</html>

把这个html复制回去,就可以直接使用了!

转载于:https://www.cnblogs.com/zhuxiaojie/p/4810960.html

相关文章:

  • mysql 小知识点备忘(一)
  • 双向BFS—NOIP2002 字串变换
  • NetworkStateReceiver的简单应用
  • virtual memory exhausted: Cannot allocate memory
  • 中国经济初识
  • Thinkpad X240修改bios引导方式
  • cocos2d-x 3.2 2048——第六部分(最后一章)
  • ubuntu学习笔记--不断更新中
  • 代码辅助工具-在线代码着色
  • IOS中UIScrollView的contentSize、contentOffset和contentInset属性
  • WPF: 实现带全选复选框的列表控件
  • 最全的Swift社交应用文本输入优化汇总
  • 世界各国时区表以及与北京时差
  • Swift - 网页控件(UIWebView)加载本地数据,文件
  • [原] 利用 OVS 建立 VxLAN 虚拟网络实验
  • 《Java编程思想》读书笔记-对象导论
  • 【React系列】如何构建React应用程序
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列(实验阶段492-2019.2.25)...
  • 【知识碎片】第三方登录弹窗效果
  • If…else
  • Python十分钟制作属于你自己的个性logo
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • 猫头鹰的深夜翻译:Java 2D Graphics, 简单的仿射变换
  • 深度学习在携程攻略社区的应用
  • 一起参Ember.js讨论、问答社区。
  • 主流的CSS水平和垂直居中技术大全
  • 【云吞铺子】性能抖动剖析(二)
  • Spring第一个helloWorld
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • # Maven错误Error executing Maven
  • #微信小程序(布局、渲染层基础知识)
  • $ git push -u origin master 推送到远程库出错
  • (03)光刻——半导体电路的绘制
  • (23)Linux的软硬连接
  • (4)事件处理——(6)给.ready()回调函数传递一个参数(Passing an argument to the .ready() callback)...
  • (zhuan) 一些RL的文献(及笔记)
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (附源码)计算机毕业设计ssm基于B_S的汽车售后服务管理系统
  • (太强大了) - Linux 性能监控、测试、优化工具
  • (转)Sublime Text3配置Lua运行环境
  • ***通过什么方式***网吧
  • .libPaths()设置包加载目录
  • .net core 客户端缓存、服务器端响应缓存、服务器内存缓存
  • .Net Core和.Net Standard直观理解
  • .NET 将多个程序集合并成单一程序集的 4+3 种方法
  • .NetCore实践篇:分布式监控Zipkin持久化之殇
  • .Net调用Java编写的WebServices返回值为Null的解决方法(SoapUI工具测试有返回值)
  • .ui文件相关
  • @Transactional注解下,循环取序列的值,但得到的值都相同的问题
  • [100天算法】-实现 strStr()(day 52)
  • [20190113]四校联考
  • [23] GaussianAvatars: Photorealistic Head Avatars with Rigged 3D Gaussians
  • [AIGC] Java 和 Kotlin 的区别
  • [Android]创建TabBar
  • [C]编译和预处理详解