JavaScript 动态改变图片大小


Posted in Javascript onJune 11, 2009

最近由于项目需要,在实现图片的时候,若图片大于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 均正常工作。
Javascript 相关文章推荐
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
Mootools 1.2教程 排序类和方法简介
Sep 15 Javascript
jQuery实现瀑布流的取巧做法分享
Jan 12 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
图文详解Javascript中的上下文和作用域
Feb 15 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
详解如何使用node.js的开发框架express创建一个web应用
Dec 20 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
Mar 10 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 Javascript
vue webpack build资源相对路径的问题及解决方法
Jun 04 Javascript
jQuery 学习 几种常用方法
Jun 11 #Javascript
javascript 冒号 使用说明
Jun 06 #Javascript
JavaScript 封装Ajax传递的数据代码
Jun 05 #Javascript
Firefox outerHTML实现代码
Jun 04 #Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 #Javascript
js 鼠标点击事件及其它捕获
Jun 04 #Javascript
一些常用的JS功能函数(2009-06-04更新)
Jun 04 #Javascript
You might like
PHP编码规范的深入探讨
2013/06/06 PHP
PHP中的函数-- foreach()的用法详解
2013/06/24 PHP
PHP中怎样防止SQL注入分析
2014/10/23 PHP
使用PHP json_decode可能遇到的坑与解决方法
2017/08/03 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
一个报数游戏js版(约瑟夫环问题)
2010/08/05 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
nodejs获取本机内网和外网ip地址的实现代码
2014/06/01 NodeJs
浅谈jquery中delegate()与live()
2015/06/22 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
简单实现JS上传图片预览功能
2017/04/14 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
基于vue-draggable 实现三级拖动排序效果
2020/01/10 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
2020/10/01 Javascript
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
python3图片转换二进制存入mysql
2013/12/06 Python
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
python3.8与pyinstaller冲突问题的快速解决方法
2020/01/16 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
Keras框架中的epoch、bacth、batch size、iteration使用介绍
2020/06/10 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
2014两会学习心得:榜样精神伴我行
2014/03/17 职场文书
信贷客户经理岗位职责
2015/04/09 职场文书
结婚仪式主持词
2015/06/29 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
浅谈克隆 JavaScript
2021/11/02 Javascript