如何通过JavaScript动态改变图片大小

开发 后端 前端
本文作者通实际操作,发现可以用Javascript代码简单实现:对于图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。

最近由于项目需要,在实现图片的时候,若图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。经过研究发现,可以用Javascript代码简单实现。

Javascript代码:

﹤script﹥
    function resizeImage(obj){
       
        if(obj.height>100)
            obj.height=100;
        if(obj.width>100)
            obj.width=100;           
       
    }
﹤/script﹥

页面代码:

﹤img src="file:///E|/Pictures/22.jpg" width="385"

height="350" onload="resizeImage(this)"﹥

经测试在IE6,Firefox,Google Chrome 均正常工作。

【编辑推荐】

  1. Java 14年的变化
  2. JAVA技术应用基础——对象·模式·虚拟机
  3. 4.1.1 Java程序结构(1)
  4. 4.1.1 Java程序结构(2)
  5. 我们为什么要学习Java:Java的八大优点
责任编辑:仲衡 来源: yangqillohe的专栏
相关推荐

2010-01-27 14:39:58

Android图片大小

2016-05-18 14:20:12

LinuxgThumb图片

2023-10-17 13:50:04

RPAAI

2011-05-12 11:28:20

按比例缩放

2022-06-05 23:14:33

区块链通信工具

2021-04-16 10:01:10

JavaScript限时秒杀定时跳转

2009-02-05 17:09:02

动态图片JSPTomcat

2019-06-02 15:59:33

云计算企业云端

2016-11-09 18:41:47

PHP图片存储yii

2011-09-19 18:35:00

vista图标

2022-11-16 08:16:57

图片优化工具

2010-03-25 16:31:55

Python代码

2024-03-15 09:32:47

线程池应用程序性能

2010-09-25 14:50:34

2019-12-25 10:36:44

人工智能大数据客户服务

2018-07-24 11:05:54

边缘计算网络云计算

2009-08-05 15:51:38

GoogleEarthGoogleEarth

2024-03-29 11:22:21

AI边缘计算

2009-07-23 15:24:37

ASP.NET Ima

2014-11-19 13:46:30

云计算DockerDevice Mapp
点赞
收藏

51CTO技术栈公众号