网页中的图片的处理方法与代码
2009-11-26 00:00
405 查看
1 掉链接的图片处理
<img src="no.jpg" onerror="this.src='images/new.gif'">
2 自动缩小大图
经常看到一些图片很大,上传后显示会撑满屏幕。下面的例子通过检测图片的宽度,如果该图片的宽度大于“屏幕宽度-350”,
则让该图就显示“屏幕宽度-350”这么大小。
原图
<img src="jsimg/wallpaper.jpg">
设定大小的图
<img src="jsimg/wallpaper.jpg" onload="javascript:if(this.width>screen.width-350) this.width=screen.width-350">
3 禁止IE6中大尺寸图片的自动缩小
原图,会自动缩小
<img src="jsimg/wallpaper.jpg">
设定不缩小
<img src="jsimg/wallpaper.jpg" galleryimg="no">
4 去掉热点地图上的区域线框与超链接的线框
5 可控制上传图片的大小
处理上传图片大小的JS
<img src="no.jpg" onerror="this.src='images/new.gif'">
2 自动缩小大图
经常看到一些图片很大,上传后显示会撑满屏幕。下面的例子通过检测图片的宽度,如果该图片的宽度大于“屏幕宽度-350”,
则让该图就显示“屏幕宽度-350”这么大小。
原图
<img src="jsimg/wallpaper.jpg">
设定大小的图
<img src="jsimg/wallpaper.jpg" onload="javascript:if(this.width>screen.width-350) this.width=screen.width-350">
3 禁止IE6中大尺寸图片的自动缩小
原图,会自动缩小
<img src="jsimg/wallpaper.jpg">
设定不缩小
<img src="jsimg/wallpaper.jpg" galleryimg="no">
4 去掉热点地图上的区域线框与超链接的线框
<a href="#" onFocus=this.blur()> <img src="jsimg/marylin.jpg" border=0> </a>
5 可控制上传图片的大小
处理上传图片大小的JS
<script language="JavaScript"> function orsc(){ if(img.readyState!="complete") return false; if(img.offsetWidth!=132&&img.offsetHeight!=99){ alert("您选择的图片大小:"+img.offsetWidth+"X"+img.offsetHeight+"\n"+"请选择132X99大小的图片") imgT=true; } } function mysubmit(theform){ if(theform.file1.value==""){ alert("请点击浏览按钮,选择您要上传的JPG或GIF文件!") theform.file1.focus; return (false); } else { str= theform.file1.value; strs=str.toLowerCase(); lens=strs.length; extname=strs.substring(lens-4,lens); if(extname!=".jpg" && extname!=".gif"){ alert("请选择JPG或GIF格式的文件!"); return (false); } else { document.all("loadImg").src=theform.file1.value if(document.all("loadImg").offsetWidth!=132&&document.all("loadImg").offsetHeight!=99){ alert("您选择的图片大小:"+document.all("loadImg").offsetWidth+"X"+document.all("loadImg").offsetHeight+"\n" +"请选择132X99大小的图片") return (false) } } } } </script>
<form onSubmit="return mysubmit(this)" name="form" method="post" enctype="multipart/form-data"> <table width="100%" border=0 cellspacing=0 cellpadding=0> <tr><td valign=top height=30> <input type="hidden" name="act" value="upload"> <input type="file" style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: text; COLOR: #333333; FONT-FAMILY: "MS Shell Dlg", ","Tahoma", ","宋体"; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 1px " name="file1" value=""> <input type="submit" name="Submit" value="上传" > </td> </tr> </table> <img id=loadImg> </form>
相关文章推荐
- 网页中的图片的处理方法与代码
- 网页中的图片的处理方法
- 网页图片处理代码全集整理
- 网页恶意代码的现象及处理方法
- 输出到网页前台js代码中包含单引号的处理方法
- 输出到网页前台js代码中包含单引号的处理方法
- 当网页图片不存在时的处理方法
- 很经典-网页恶意代码的现象及处理方法 [转载]
- 当网页图片不存在时的处理方法
- 当网页图片不存在时的处理方法
- IE不能运行有JS代码的网页处理方法
- 响应式网页设计中的图片处理方法
- VC中打开一幅jpg图片并且显示在对话框上的方法和代码
- PS图片透明处理方法
- 网页的背景图片代码
- Winform实现将网页生成图片的方法
- 使整个网页变黑白色(灰色)的特效代码使用方法
- 下载给定网页上图片的方法
- php获取网页里所有图片并存入数组的方法
- python下载网页图片方法总结(含打开网页提示下载)