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 相关文章推荐
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
May 06 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
js函数与php函数的区别实例浅析
Jan 12 Javascript
JavaScript中操作字符串小结
May 04 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
bootstrap导航、选项卡实现代码
Dec 28 Javascript
node.js 抓取代理ip实例代码
Apr 30 Javascript
vue组件横向树实现代码
Aug 02 Javascript
vue实现多级菜单效果
Oct 19 Javascript
vue 解决form表单提交但不跳转页面的问题
Oct 30 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 Javascript
JavaScript实现滚动加载更多
Dec 27 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
如何分别全角和半角以避免乱码
2006/10/09 PHP
php获取远程图片体积大小的实例
2013/11/12 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
2010/11/11 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
2011/10/29 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
JavaScript避免内存泄露及内存管理技巧
2014/09/05 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
js老生常谈之this,constructor ,prototype全面解析
2016/04/05 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
vue键盘事件点击事件加native操作
2020/07/27 Javascript
jQuery列表动态增加和删除的实现方法
2020/11/05 jQuery
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
Python 学习笔记
2008/12/27 Python
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
python中使用百度音乐搜索的api下载指定歌曲的lrc歌词
2014/07/18 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
Django中url的反向查询的方法
2018/03/14 Python
使用python对多个txt文件中的数据进行筛选的方法
2019/07/10 Python
Scrapy中如何向Spider传入参数的方法实现
2020/09/28 Python
pycharm Tab键设置成4个空格的操作
2021/02/26 Python
英国一家专门出售品牌鞋子的网站:Allsole
2016/08/07 全球购物
护理专业毕业生推荐信
2013/10/31 职场文书
党校培训思想汇报
2014/01/03 职场文书
经济贸易系求职信
2014/08/04 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
论文答辩开场白大全
2015/05/27 职场文书
紫日观后感
2015/06/05 职场文书
物业管理交接协议书
2016/03/24 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android