- 浏览: 194673 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
mao_lu:
cor_ggsearch.init("中国,中国人民 ...
仿google搜索框下拉提示效果 -
aas7612:
, thanks very much
JPA映射文件jpa.reveng.xml的配置问题 -
ghbhaozi:
...
Ext MultiSelect实现双击删除
<title> 文件上传前台控制检测程序 v0.6 </title>
<style>
body,td{font-size:12px;}
</style>
<script language=javascript>
/*----------------------------------------
文件上传前台控制检测程序 v0.6
远程图片检测功能
检测上传文件类型
检测图片文件格式是否正确
检测图片文件大小
检测图片文件宽度
检测图片文件高度
图片预览
For 51js.com Author:333 Date:2005/08/26
UpDate:2005/09/03
-----------------------------------------*/
var ImgObj=new Image(); //建立一个图像对象
var AllImgExt= ".jpg|.jpeg|.gif|.bmp|.png| "//全部图片格式类型
var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,HasCheked,IsImg//全局变量 图片相关属性
//以下为限制变量
var AllowExt= ".jpg|.gif|.doc|.txt| " //允许上传的文件类型 ŀ为无限制 每个扩展名后边要加一个 "| " 小写字母表示
//var AllowExt=0
var AllowImgFileSize=70; //允许上传图片文件的大小 0为无限制 单位:KB
var AllowImgWidth=500; //允许上传的图片的宽度 ŀ为无限制 单位:px(像素)
var AllowImgHeight=500; //允许上传的图片的高度 ŀ为无限制 单位:px(像素)
HasChecked=false;
function CheckProperty(obj) //检测图像属性
{
FileObj=obj;
if(ErrMsg!= " ") //检测是否为正确的图像文件 返回出错信息并重置
{
ShowMsg(ErrMsg,false);
return false; //返回
}
if(ImgObj.readyState!= "complete ") //如果图像是未加载完成进行循环检测
{
setTimeout( "CheckProperty(FileObj) ",500);
return false;
}
ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//取得图片文件的大小
ImgWidth=ImgObj.width //取得图片的宽度
ImgHeight=ImgObj.height; //取得图片的高度
FileMsg= "\n图片大小: "+ImgWidth+ "* "+ImgHeight+ "px ";
FileMsg=FileMsg+ "\n图片文件大小: "+ImgFileSize+ "Kb ";
FileMsg=FileMsg+ "\n图片文件扩展名: "+FileExt;
if(AllowImgWidth!=0&&AllowImgWidth <ImgWidth)
ErrMsg=ErrMsg+ "\n图片宽度超过限制。请上传宽度小于 "+AllowImgWidth+ "px的文件,当前图片宽度为 "+ImgWidth+ "px ";
if(AllowImgHeight!=0&&AllowImgHeight <ImgHeight)
ErrMsg=ErrMsg+ "\n图片高度超过限制。请上传高度小于 "+AllowImgHeight+ "px的文件,当前图片高度为 "+ImgHeight+ "px ";
if(AllowImgFileSize!=0&&AllowImgFileSize <ImgFileSize)
ErrMsg=ErrMsg+ "\n图片文件大小超过限制。请上传小于 "+AllowImgFileSize+ "KB的文件,当前文件大小为 "+ImgFileSize+ "KB ";
if(ErrMsg!= " ")
ShowMsg(ErrMsg,false);
else
ShowMsg(FileMsg,true);
}
ImgObj.onerror=function(){ErrMsg= '\n图片格式不正确或者图片已损坏! '}
function ShowMsg(msg,tf) //显示提示信息 tf=true 显示文件信息 tf=false 显示错误信息 msg-信息内容
{
msg=msg.replace( "\n ", " <li> ");
msg=msg.replace(/\n/gi, " <li> ");
if(!tf)
{
document.all.UploadButton.disabled=true;
FileObj.outerHTML=FileObj.outerHTML;
MsgList.innerHTML=msg;
HasChecked=false;
}
else
{
document.all.UploadButton.disabled=false;
if(IsImg)
PreviewImg.innerHTML= " <img src= ' "+ImgObj.src+ " ' width= '60 ' height= '60 '> "
else
PreviewImg.innerHTML= "非图片文件 ";
MsgList.innerHTML=msg;
HasChecked=true;
}
}
function CheckExt(obj)
{
ErrMsg= " ";
FileMsg= " ";
FileObj=obj;
IsImg=false;
HasChecked=false;
PreviewImg.innerHTML= "预览区 ";
if(obj.value== " ")return false;
MsgList.innerHTML= "文件信息处理中... ";
document.all.UploadButton.disabled=true;
FileExt=obj.value.substr(obj.value.lastIndexOf( ". ")).toLowerCase();
if(AllowExt!=0&&AllowExt.indexOf(FileExt+ "| ")==-1) //判断文件类型是否允许上传
{
ErrMsg= "\n该文件类型不允许上传。请上传 "+AllowExt+ " 类型的文件,当前文件类型为 "+FileExt;
ShowMsg(ErrMsg,false);
return false;
}
if(AllImgExt.indexOf(FileExt+ "| ")!=-1) //如果图片文件,则进行图片信息处理
{
IsImg=true;
ImgObj.src=obj.value;
CheckProperty(obj);
return false;
}
else
{
FileMsg= "\n文件扩展名: "+FileExt;
ShowMsg(FileMsg,true);
}
}
function SwitchUpType(tf)
{
if(tf)
str= ' <input type= "file " name= "file1 " onchange= "CheckExt(this) " style= "width:180px; "> '
else
str= ' <input type= "text " name= "file1 " onblur= "CheckExt(this) " style= "width:180px; "> '
document.all.file1.outerHTML=str;
document.all.UploadButton.disabled=true;
MsgList.innerHTML= " ";
}
</script>
<form enctype= "multipart/form-data " method= "POST " onsubmit= "return HasChecked; ">
<fieldset style= "width: 372; height: 60;padding:2px; ">
<legend> <font color= "#FF0000 "> 图片来源 </font> </legend>
<input type= "radio " name= "radio1 " checked onclick= "SwitchUpType(true); "> 本地 <input type= "radio " name= "radio1 " onclick= "SwitchUpType(false); "> 远程: <input type= "file " name= "file1 " onchange= "CheckExt(this) " style= "width:180px; "> <input type= "submit " id= "UploadButton " value= "开始上传 " disabled> <br>
<div style= "border:1 solid #808080;background:#E0E0E0;width100%;height:20px;color:#606060;padding:5px; ">
<table border= "0 "> <tr> <td width= "60 " id= "PreviewImg "> 预览区 </td> <td id= "MsgList " valign= "top "> </td> </tr> </table>
</div>
</fieldset>
</form>
发表评论
-
Ext获取editor, 使用grid.getSelectionModel().getCellEditor方法
2011-07-11 11:32 22461.{..., 2. renderer:func ... -
Ext MultiSelect实现双击删除
2011-03-24 15:51 1654listeners :{dblclick:function( ... -
javascript 事件传递 的参数
2010-12-25 22:01 779for(var i=1;i<this.cfg.num+1 ... -
解决iframe中jsessionid无法传递导致session丢失的问题
2010-12-23 00:43 1768在实现 ISMP2.1.1 接口的适合需要用到sso,而ISM ... -
郁闷的Iframe
2010-12-17 03:21 742没有想到两点: 1.设置 width="100%& ... -
在JavaScript中实现命名空间
2010-11-19 12:25 721在引入命名空间之前 ... -
JavaScirpt巧妙获取File对象中的文件大小
2010-10-28 09:34 895function getFileSize(fileObject ... -
获取控件在网页中的绝对位置
2010-10-13 12:20 732获取控件在网页中的绝对位置 <!DOCTYPE htm ... -
用Javascript实现静态对象、静态方法和静态属性
2010-08-29 02:34 1047Javascript语言的面向对象特征很弱,其他面向对象语言在 ... -
Json数据常见写法
2010-07-26 16:39 1466<script> //var a={' ... -
仿google搜索框下拉提示效果
2009-12-11 14:11 2991写道 <!DOCTYPE html PUBLIC &q ... -
Ajax 同步和异步问题
2009-12-02 03:22 796写道 function getHTTPObject() { ... -
如何解决ie8与ie7兼容性问题
2009-09-15 15:48 1842怎么样让IE7兼容IE8,解决ie8与ie7兼容性问题方法一、 ... -
Javascript 学习笔记一
2009-06-22 15:28 651Javascript 按段执行代码,如果要调用另外一段的方法, ... -
网页上框选复选框
2009-06-20 02:08 864<!DOCTYPE HTML PUBLIC " ... -
检测浏览器各类尺寸的页面
2009-06-08 17:26 894<!DOCTYPE HTML PUBLIC " ... -
Cookie的跨域操作
2009-06-08 17:25 854正常的cookie只能在一个应用中共享,即一个cookie只能 ... -
网页代码优化专题
2009-06-08 17:24 973优化中最危险的动作可能是重命名类或ID值了。看看如下规则: ... -
Javascript学习笔记
2009-06-08 17:23 631字号:大 中 小 ... -
Javascript代码优化
2009-06-08 17:22 792字号:大 中 小 如何优化JavaScrip ...
相关推荐
本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考,具体如下: HTML部分: <div id=tree data-leaves=47 data-plant-height=2.4m></div> js部分: var tree = document.getElementById...
js在获取css属性时如果标签中无style则无法直接获取css中的属性,所以需要一个方法可以做到这点。getStyle(obj,attr) 调用方法说明:obj为对像,attr为属性名必须兼容js中的写法(可以参考:JS可以控制样式的名称
实例JavaScript代码 下面的这段代码中,我们通过select元素的name属性来设置具体要访问style的哪个属性(本例中为背景色),这样,这个函数就可以用来设置不同的CSS属性了。 代码如下: [removed] var d = document....
js代码-读取内部属性
javascript 获取select ->option中id、value、label属性及<option></option>中内容
一个实现ajax功能的JS xml读取封装类代码,在这个JavaScript类里面,有核心的读取XML文件的代码,同时还包括了新建XML文档对象、在IE下使用ActiveX来创建,异步读取XML文件,创建XMLHttp对象,以备XML文档对象无法...
js代码-js 获取对象属性个数
在web端、手机端、webApp中可以通过js获取dom的方式设置dom属性。 微信小程序中,不能通过这种方式进行操作。 如何在微信小程序中在wxml中操作wxss的属性。 实现思路: 通过利用数据绑定实现动态改变样式, 1、在...
获取元素属性 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
JavaScript电子书,包括了JavaScript的大部分知识,可以帮助读者快速入门。内容如下: 第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 ...
本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法。分享给大家供大家参考,具体如下: [removed] var values=function(object) { var values = []; for (var property in object) values....
1.本书1~21章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 开发环境:UltraEdit12.10a、eclipse-jee-europa Web浏览器:Microsoft Internet Explorer 6.0及以上版本 ...
本文实例为大家分享了JS实现图片瀑布流的具体代码,供大家参考,具体内容如下 过程: 1、创建一个放所有图片的模块bigblock。 2、获取这个大模块,追加一个子元素块来放小图。 3、封装一个函数list(n)来存放50张...
我们会发现,已经给这个id为test的DOM元素添加了一个叫做adang的属性了,然后在js中,可以调用这个属性。我在写js的时候经常用到这种方法,可以很方便地对某个dom对象添加一些特殊的数据,感觉DOM对象就像一个很好
JavaScript中获取未知对象属性的代码,需要的朋友可以参考下。
EXIF(Exchangeable image file format)是可交换图像文件的缩写,是专门为数码相机的照片设定的,可以记录数码照片的属性信息和拍摄数据。该代码读取该信息,供用户或编程使用。