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进阶教程(第四课第一部分)
Apr 05 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
Javascript图片上传前的本地预览实例
Jun 16 Javascript
js时间控件只显示年月
Jan 08 Javascript
js实现自动图片轮播代码
Mar 22 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
微信JS-SDK选取手机照片上传功能
Apr 21 Javascript
VUE前端cookie简单操作
Oct 17 Javascript
javascript实现图片轮播代码
Jul 09 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
Jul 26 Javascript
layer弹出层扩展主题的方法
Sep 11 Javascript
微信小程序scroll-view点击项自动居中效果的实现
Mar 25 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下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
用Simple Excel导出xls实现方法
2012/12/06 PHP
PHP数据类型之布尔型的介绍
2013/04/28 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
php原生导出excel文件的两种方法(推荐)
2016/11/19 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
Fastest way to build an HTML string(拼装html字符串的最快方法)
2011/08/20 Javascript
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
JavaScript实现快速排序(自已编写)
2012/12/19 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
express的中间件cookieParser详解
2014/12/04 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
jquery仅用6行代码实现滑动门效果
2015/09/07 Javascript
Bootstrap每天必学之导航条(二)
2016/03/01 Javascript
jQuery验证插件validate使用详解
2016/05/11 Javascript
nodejs搭建本地服务器并访问文件的方法
2017/03/03 NodeJs
老生常谈js数据类型
2017/08/03 Javascript
python生成随机mac地址的方法
2015/03/16 Python
探究python中open函数的使用
2016/03/01 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
ALLSAINTS英国官网:伦敦新锐潮流品牌
2016/09/19 全球购物
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
计算机专业应届毕业生自荐信
2013/09/26 职场文书
大学生个人自我鉴定
2013/12/03 职场文书
通信研究生自荐信
2014/02/01 职场文书
教师新年寄语
2014/04/03 职场文书
创先争优公开承诺书
2014/08/30 职场文书
微信小程序实现聊天室功能
2021/06/14 Javascript
SQL Server删除表中的重复数据
2022/05/25 SQL Server