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 相关文章推荐
Prototype 学习 工具函数学习($方法)
Jul 12 Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
react.js使用webpack搭配环境的入门教程
Aug 14 Javascript
详解Angular4 路由设置相关
Aug 26 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
微信小程序上传文件到阿里OSS教程
May 20 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
微信小程序收藏功能的实现代码
Jun 19 Javascript
vue 扩展现有组件的操作
Aug 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中如何调用用户自定义函数
2013/08/06 PHP
php缩放gif和png图透明背景变成黑色的解决方法
2014/10/14 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
js 蒙版进度条(结合图片)
2010/03/10 Javascript
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
2011/07/31 Javascript
Package.js  现代化的JavaScript项目make工具
2012/05/23 Javascript
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
jQuery中:text选择器用法实例
2015/01/03 Javascript
8个超实用的jQuery功能代码分享
2015/01/08 Javascript
jQuery中的pushStack实现原理和应用实例
2015/02/03 Javascript
jQuery插件slicebox实现3D动画图片轮播切换特效
2015/04/12 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
2016/09/19 Javascript
关于json字符串与实体之间的严格验证代码
2016/11/10 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
2018/01/08 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
详解vuex状态管理模式
2018/11/01 Javascript
js瀑布流布局的实现
2020/06/28 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
2020/12/14 Vue.js
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
Python对字符串实现去重操作的方法示例
2017/08/11 Python
详解Python time库的使用
2019/10/10 Python
Django实现分页显示效果
2019/10/31 Python
Python使用socket_TCP实现小文件下载功能
2020/10/09 Python
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
商场促销活动策划方案
2014/08/18 职场文书
个人租房协议书
2014/11/28 职场文书
python 下划线的多种应用场景总结
2021/05/12 Python
SQL语句中JOIN的用法场景分析
2021/07/25 SQL Server