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中将具有数字属性名的对象转换为数组
Mar 06 Javascript
JavaScript中getUTCMinutes()方法的使用详解
Jun 10 Javascript
Javascript编写2048小游戏
Jul 07 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
js中flexible.js实现淘宝弹性布局方案
Jun 23 Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
Oct 10 Javascript
微信小程序-小说阅读小程序实例(demo)
Jan 12 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
深入Node TCP模块的理解
Mar 13 Javascript
Vue + ts实现轮播插件的示例
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
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
php5.3 废弃函数小结
2010/05/16 PHP
Laravel框架使用Redis的方法详解
2018/05/30 PHP
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
jQuery制作仿腾讯web qq用户体验桌面
2013/08/20 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
js字符串倒序的实例代码
2018/11/30 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
vue内置组件keep-alive事件动态缓存实例
2020/10/30 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
[05:31]DOTA2英雄梦之声_第04期_光之守卫
2014/06/23 DOTA
Python urllib、urllib2、httplib抓取网页代码实例
2015/05/09 Python
Python爬虫实现验证码登录代码实例
2019/05/10 Python
Python3实现zip分卷压缩过程解析
2019/10/09 Python
Django框架模板用法入门教程
2019/11/04 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
利用OpenCV中对图像数据进行64F和8U转换的方式
2020/06/03 Python
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
Java中实现多态的机制是什么?
2014/12/07 面试题
面向对象设计的原则是什么
2013/02/13 面试题
军训自我鉴定范文
2014/02/13 职场文书
项目合作协议书
2014/04/16 职场文书
协议书范文
2015/01/27 职场文书
长城导游词300字
2015/01/30 职场文书
建国大业观后感
2015/06/01 职场文书
关于感恩的作文
2019/08/26 职场文书
导游词之丹东鸭绿江
2019/10/24 职场文书
浅谈MySQL 亿级数据分页的优化
2021/06/15 MySQL