JavaScript 动态改变图片大小
发布时间：2024-09-29 14:31:17
标签：JavaScript,动态改变,图片大小
最近由于项目需要，在实现图片的时候，若图片大于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 均正常工作。
0
投稿猜你喜欢
目录一、前言二、什么是super三、super的常用使用场景总结一、前言最近有粉丝向我咨询super相关的问题，说网上搜索到的教程不够通俗易- 它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。FCK的配置
- 您是否记得关闭所有的XHTML元素，在HTML中一些元素没有必要被关闭。当下一个元素开始的时候，上一个元素就自动被关闭。XHTML中是不允许
- 本文为大家分享了MySQL预编译功能，供大家参考，具体内容如下1、预编译的好处大家平时都使用过JDBC中的PreparedStatement
- 一、Pandas 读取文件当使用 Pandas 做数据分析的时，需要读取事先准备好的数据集，这是做数据分析的第一步。Panda 提供了多种读
- 本文实例教大家如何编写一个vue上传图片组件，具体如下1.首先得有一个[type=file]文件标签并且隐藏，changge事件来获取图片：
- 本文实例讲述了python实现超简单端口转发的方法。分享给大家供大家参考。具体如下：代码非常简单，实现了简单的端口数据转发功能，用于真实环境
- 简单的小练习，实现将一个指定列表中的数值进行转化，对于其中的非负数不作处理，对于负数需要转化为制定的数值，很简单就不多说了，下面是具体的实现
- turtle库是python的基础绘图库，官方手册这个库被介绍为一个最常用的用来给孩子们介绍编程知识的方法库，其主要是用于程序设计入门，是标
- 点击顶部的“SQL”标签进入sql命令输入界面。输入以下命令：update mysql.user set password=PASSWORD
- 本文实例为大家分享了JavaScript实现网页版计算器的具体代码，供大家参考，具体内容如下由于无聊看电脑上的系统软件翻到了计算器这个功能，
- 前面简单介绍了Python元组基本操作，这里再来简单讲述一下Python字典相关操作>>> dir(dict) #查看字段
- 背景上周公司培训了MySQL replication, 这个周末打算用所学来实践操作一下。Master server：MySQL conta
- 本文实例讲述了js自定义trim函数实现删除两端空格功能。分享给大家供大家参考，具体如下：兼容IE低版本浏览器，以及其他一些低版本脚本的浏览
- 最近写了两个管理后台的前端页面,其中有一个管理后台,左侧菜单导航和右侧内容页是两个iframe,需求是,点击上面的主导航时,左侧iframe
- 学习神经网络的时候，网上的数据集已经分割成了batch，训练的时候直接使用batch.next()就可以获取batch，但是有的时候需要使用
- #coding:utf-8"""__new__和__init__到底是怎么一回事，看下面的代码如果类没有定义_
- 本文实例讲述了CKeditor富文本编辑器使用技巧之添加自定义插件的方法。分享给大家供大家参考，具体如下：首先就是在CKeditor的plu
- 学习网络爬虫难免遇到使用代理的情况，下面介绍一下如何使用requests设置代理：如果需要使用代理，你可以通过为任意请求方法提供 proxi
- 最近帮人做了个贪吃蛇的游戏（交作业用），很简单，界面如下：开始界面：游戏中界面：是不是很简单、朴素。（欢迎大家访问GitHub）游戏是基于P
