JavaScript实现本地图片预览
2007-08-05 10:02
411 查看
作者:fuhao9611 <script language="javascript" type="text/javascript"> //============================== //功能:Javascript本地图片预览 //Author:yaosansi //Site:http://www.yaosansi.com //Date:2006-02-21 //说明:简单的判断了文件的合法性 //适用于:上传文件前预览本地图片 //============================== function ShowImage(value,img) { alert(value); //检测盘符 alert(value.indexOf(':')); //检测文件是否有扩展名 alert(value.length-value.lastIndexOf('.')); //取文件扩展名 alert(value.substr(value.length-3,3)); //检测文件扩展名是否合法 alert(CheckExt(value.substr(value.length-3,3))); if(value.length>5 && value.indexOf(':')==1 && (value.length-value.lastIndexOf('.'))==4 && CheckExt(value.substr(value.length-3,3))) { img.src=value; img.alt="本地图片预览"; img.style.visibility="visible"; } else { img.style.visibility="hidden"; } } //检查扩展名是否合法,合法返回True function CheckExt(ext) { //这里设置允许的扩展名 var AllowExt="jpg|gif|jpeg|png|bmp"; var ExtOK=false; var ArrayExt; if(AllowExt.indexOf('|')!=-1) { ArrayExt=AllowExt.split('|'); for(i=0;i<ArrayExt.length;i++) { if(ext.toLowerCase()==ArrayExt[i]) { ExtOK=true; break; } } } else { ArrayExt=AllowExt; if(ext.toLowerCase()==ArrayExt) { ExtOK=true; } } return ExtOK; } </script> </BODY> </HTML> |
相关文章推荐
- 基于JavaScript实现本地图片预览
- JavaScript实现图片本地预览功能【不用上传至服务器】
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- 原生javascript FileReader对象实现图片上传本地预览效果
- 用javascript实现本地图片预览(HTML5)
- 用javascript实现本地图片预览(HTML5)
- javascript实现本地预览图片的代码
- 用javascript实现本地图片预览(HTML5)
- JavaScript实现本地图片上传前进行裁剪预览
- jsp实现本地图片的预览
- web项目jquery实现本地图片预览
- IE8 用滤镜实现上传预览图片,解决C:\fakepath\*.jpg问题,获取本地路径
- JS中利用FileReader实现上传图片前本地预览功能
- jquery实现兼容浏览器的图片上传本地预览功能
- 利用javascript预览本地上传图片
- 用js实现预览待上传的本地图片
- 实现本地图片预览上传的功能
- JS实现图片上传本地预览
- javascript实现 京东淘宝等商城的商品图片大图预览功能(图片放大器)