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 相关文章推荐
jquery实现table鼠标经过变色代码
Sep 25 Javascript
JavaScript中的闭包介绍
Mar 15 Javascript
JavaScript继承模式粗探
Jan 12 Javascript
jQuery siblings()用法实例详解
Apr 26 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
实例解析jQuery工具函数
Dec 01 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
使用Vue 实现滑动验证码功能
Jun 27 Javascript
javascript使用Blob对象实现的下载文件操作示例
Apr 18 Javascript
ES6中的Javascript解构的实现
Oct 30 Javascript
关于element的表单组件整理笔记
Feb 05 Javascript
javascript canvas实现雨滴效果
Jun 09 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中call_user_func_array的作用
2013/06/07 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
php实现猴子选大王问题算法实例
2015/04/20 PHP
Yii2使用swiftmailer发送邮件的方法
2016/05/03 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
javascript中普通函数的使用介绍
2013/12/19 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
理解javascript函数式编程中的闭包(closure)
2016/03/08 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
使用jquery提交form表单并自定义action的方法
2016/05/25 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
Bootstrap基本组件学习笔记之进度条(15)
2016/12/08 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
js实现翻牌小游戏
2020/07/31 Javascript
Python3使用requests发闪存的方法
2016/05/11 Python
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
python实现两个文件夹的同步
2019/08/29 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
行政专员的岗位职责
2014/03/10 职场文书
微笑服务演讲稿
2014/05/13 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书
详解Mysql和Oracle之间的误区
2021/05/18 MySQL
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS