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 相关文章推荐
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
javascript常见操作汇总
Sep 03 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
Sep 02 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
Apr 26 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
Jan 21 jQuery
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
解决vue接口数据赋值给data没有反应的问题
Aug 27 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 Javascript
vue返回上一页面时回到原先滚动的位置的方法
Dec 20 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 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生成图片的缩略图的方法
2015/08/18 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
prototype 1.5 &amp; scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
JavaScript 语言的递归编程
2010/05/18 Javascript
jquery下checked取值问题的解决方法
2012/08/09 Javascript
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
2013/04/12 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
2014/12/03 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
bootstrap select插件封装成Vue2.0组件
2017/04/17 Javascript
Three.js 再探 - 写一个微信跳一跳极简版游戏
2018/01/04 Javascript
JavaScript使用Math.random()生成简单的验证码
2019/01/21 Javascript
express框架下使用session的方法
2019/07/31 Javascript
vue插槽slot的简单理解与用法实例分析
2020/03/14 Javascript
[01:34]2016国际邀请赛中国区预选赛IG战队教练采访
2016/06/27 DOTA
剖析Python的Twisted框架的核心特性
2016/05/25 Python
深入理解python中的闭包和装饰器
2016/06/12 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
Python将字符串常量转化为变量方法总结
2019/03/17 Python
python 使用matplotlib 实现从文件中读取x,y坐标的可视化方法
2019/07/04 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
python中threading开启关闭线程操作
2020/05/02 Python
python3让print输出不换行的方法
2020/08/24 Python
Python类型转换的魔术方法详解
2020/12/23 Python
python爬取抖音视频的实例分析
2021/01/19 Python
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
天巡全球:Skyscanner Global
2017/06/20 全球购物
法学毕业生自我鉴定
2013/11/08 职场文书
幼儿园三八妇女节活动方案
2014/03/11 职场文书
小学生期末评语大全
2014/04/21 职场文书