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 相关文章推荐
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
Mar 06 Javascript
JavaScript 大数据相加的问题
Aug 03 Javascript
JS自动缩小超出大小的图片
Oct 12 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
Jul 29 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
kindeditor编辑器点中图片滚动条往上顶的bug
Jul 05 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
浅析创建javascript对象的方法
May 13 Javascript
基于Phantomjs生成PDF的实现方法
Nov 07 Javascript
Angular5给组件本身的标签添加样式class的方法
Apr 07 Javascript
使用jQuery实现掷骰子游戏
Oct 24 jQuery
vue自定义指令和动态路由实现权限控制
Aug 28 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在XP下IIS和Apache2服务器上的安装
2006/09/05 PHP
php解析xml提示Invalid byte 1 of 1-byte UTF-8 sequence错误的处理方法
2013/11/14 PHP
PHP输出英文时间日期的安全方法(RFC 1123格式)
2014/06/13 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
Yii框架连表查询操作示例
2019/09/06 PHP
Javascript调用XML制作连动下拉列表框
2006/06/25 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
2010/08/07 Javascript
jQuery ajax在GBK编码下表单提交终极解决方案(非二次编码方法)
2010/10/20 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
15个jquery常用方法、小技巧分享
2015/01/13 Javascript
简述AngularJS的控制器的使用
2015/06/16 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
2018/03/13 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
[02:49]2014DOTA2电竞也是体育项目! 势要把荣誉带回中国!
2014/07/20 DOTA
Python爬虫包BeautifulSoup简介与安装(一)
2018/06/17 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
Python hmac模块使用实例解析
2019/12/24 Python
python实现异常信息堆栈输出到日志文件
2019/12/26 Python
Tensorflow: 从checkpoint文件中读取tensor方式
2020/02/10 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
Python虚拟环境venv用法详解
2020/05/25 Python
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
电子商务专业学生的学习自我评价
2013/10/27 职场文书
2014的自我评价
2014/01/13 职场文书
商场中秋节广播稿
2014/01/17 职场文书
信息专业毕业生五年职业规划参考
2014/02/06 职场文书
员工廉洁自律承诺书
2014/05/26 职场文书
大学生应聘求职信
2014/05/26 职场文书
员工三分钟演讲稿
2014/08/19 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
依法行政工作汇报材料
2014/10/28 职场文书
工作表扬信范文
2015/01/17 职场文书
《百分数的认识》教学反思
2016/02/19 职场文书