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 相关文章推荐
JavaScript 学习笔记(四)
Dec 31 Javascript
js下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
window.parent与window.openner区别介绍
Apr 12 Javascript
JavaScript 事件对象介绍
Apr 13 Javascript
animate 实现滑动切换效果【实例代码】
May 05 Javascript
基于node.js依赖express解析post请求四种数据格式
Feb 13 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
Mar 14 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
Oct 16 Javascript
jquery实现简单拖拽效果
Jul 20 jQuery
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使用Image Magick将PDF文件转换为JPG文件的方法
2015/04/01 PHP
PHP中两个float(浮点数)比较实例分析
2015/09/27 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
JavaScript基本概念初级讲解论坛贴的学习记录
2009/02/22 Javascript
JS 无法通过W3C验证的处理方法
2010/03/09 Javascript
轻量级 JS ToolTip提示效果
2010/07/20 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
商城常用滚动的焦点图效果代码简单实用
2013/03/28 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
2014/09/02 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
2014/10/17 Javascript
深入理解Commonjs规范及Node模块实现
2017/05/17 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
2018/04/18 jQuery
vue+element加入签名效果(移动端可用)
2019/06/17 Javascript
js new Date()实例测试
2019/10/31 Javascript
JavaScript中Object、map、weakmap的区别分析
2020/12/15 Javascript
pygame播放音乐的方法
2015/05/19 Python
Python中的getopt函数使用详解
2015/07/28 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
30秒轻松实现TensorFlow物体检测
2018/03/14 Python
Python Dataframe 指定多列去重、求差集的方法
2018/07/10 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
django框架auth模块用法实例详解
2019/12/10 Python
使用keras2.0 将Merge层改为函数式
2020/05/23 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
教师一帮一活动总结
2014/07/08 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
教师三严三实对照检查材料
2014/09/25 职场文书
教师三严三实心得体会
2014/10/11 职场文书
民事申诉状范本
2015/05/20 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL