js判断上传文件的类型和大小示例代码


Posted in Javascript onOctober 18, 2013
//检测文件大小和类型 
function fileChange(target){ 
//检测上传文件的类型 
if(!(/(?:jpg|gif|png|jpeg)$/i.test(target.value))) { 
alert("只允许上传jpg|gif|png|jpeg格式的图片"); 
if(window.ActiveXObject) {//for IE 
target.select();//select the file ,and clear selection 
document.selection.clear(); 
} else if(window.opera) {//for opera 
target.type="text";target.type="file"; 
} else target.value="";//for FF,Chrome,Safari 
return; 
} else { 
return; //alert("ok");//or you can do nothing here. 
} //检测上传文件的大小 
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; 
var fileSize = 0; 
if (isIE && !target.files){ 
var filePath = target.value; 
var fileSystem = new ActiveXObject("Scripting.FileSystemObject"); 
var file = fileSystem.GetFile (filePath); 
fileSize = file.Size; 
} else { 
fileSize = target.files[0].size; 
} 
var size = fileSize / 1024; 
if(size>(500)){ 
alert("文件大小不能超过500KB"); 
if(window.ActiveXObject) {//for IE 
target.select();//select the file ,and clear selection 
document.selection.clear(); 
} else if(window.opera) {//for opera 
target.type="text";target.type="file"; 
} else { 
target.value="";//for FF,Chrome,Safari 
} 
return; 
}else{ 
return; 
} 
}
Javascript 相关文章推荐
JQuery autocomplete 使用手册
Apr 01 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
Jan 25 Javascript
javascript在myeclipse中报错的解决方法
Oct 29 Javascript
javascript运行机制之this详细介绍
Feb 07 Javascript
JavaScript表单通过正则表达式验证电话号码
Mar 14 Javascript
jQuery大于号(>)选择器的作用解释
Jan 13 Javascript
学习JavaScript设计模式之中介者模式
Jan 14 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
Jun 30 Javascript
Node.js复制文件的方法示例
Dec 29 Javascript
JavaScript组件开发之输入框加候选框
Mar 10 Javascript
js中this对象用法分析
Jan 05 Javascript
Node绑定全局TraceID的实现方法
Nov 14 Javascript
JS格式化数字金额用逗号隔开保留两位小数
Oct 18 #Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 #Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 #Javascript
javascript代码运行不出来执行错误的可能情况整理
Oct 18 #Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 #Javascript
常用js字符串判断方法整理
Oct 18 #Javascript
javaScript arguments 对象使用介绍
Oct 18 #Javascript
You might like
PHP和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
js 页面执行时间计算代码
2009/03/04 Javascript
JS中confirm,alert,prompt函数使用区别分析
2010/04/01 Javascript
javascript跨域刷新实现代码
2011/01/01 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
vuex实现简易计数器
2016/10/27 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
运用js实现图层拖拽的功能
2019/05/24 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
Python 专题三 字符串的基础知识
2017/03/19 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
python 中的divmod数字处理函数浅析
2017/10/17 Python
Python中文件的读取和写入操作
2018/04/27 Python
Python多线程原理与用法详解
2018/08/20 Python
python实现播放音频和录音功能示例代码
2018/12/30 Python
详解Python 切片语法
2019/06/10 Python
简单了解django文件下载方式
2020/02/10 Python
关于python3.7安装matplotlib始终无法成功的问题的解决
2020/07/28 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
屈臣氏俄罗斯在线商店:Watsons俄罗斯
2020/08/03 全球购物
2014年环保工作总结
2014/11/26 职场文书
学校光盘行动倡议书
2015/04/28 职场文书
债务纠纷代理词
2015/05/25 职场文书
开场白怎么写
2015/06/01 职场文书
中学教师读书笔记
2015/07/01 职场文书
国家助学金受助感言
2015/08/01 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
Django cookie和session的应用场景及如何使用
2021/04/29 Python
使用feign服务调用添加Header参数
2021/06/23 Java/Android