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 相关文章推荐
js实现运行代码需要刷新的解决方法
Aug 18 Javascript
checkbox 多选框 联动实现代码
Oct 22 Javascript
JS正则中的RegExp对象对象
Nov 07 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
Feb 28 Javascript
JavaScript判断FileUpload控件上传文件类型
Sep 28 Javascript
浅谈Vue 初始化性能优化
Aug 31 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
Vue对象赋值视图不更新问题及解决方法
Jun 03 Javascript
送你43道JS面试题(收藏)
Jun 17 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
Jan 12 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
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中的串行化变量和序列化对象
2006/09/05 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
php简单生成随机数的方法
2015/07/30 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
php获取用户真实IP和防刷机制的实例代码
2018/11/28 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
JavaScript prototype属性使用说明
2010/05/13 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
不同Jquery版本引发的问题解决
2013/10/14 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
2015/08/03 Javascript
JS正则表达式比较常见用法
2016/01/26 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
jQuery Masonry瀑布流插件使用方法详解
2017/01/18 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
2017/05/24 jQuery
Vue2.x通用条件搜索组件的封装及应用详解
2019/05/28 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
2019/11/29 Javascript
利用Python实现Windows定时关机功能
2017/03/21 Python
Python实现字典的遍历与排序功能示例
2017/12/23 Python
Python序列循环移位的3种方法推荐
2018/04/09 Python
python使用ddt过程中遇到的问题及解决方案【推荐】
2018/10/29 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
Python目录和文件处理总结详解
2019/09/02 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
印度购买眼镜和太阳镜网站:Coolwinks
2018/09/26 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
大学迎新生欢迎词
2015/09/29 职场文书
高二英语教学反思
2016/03/03 职场文书
62句有关感恩节文案(推荐收藏)
2019/11/28 职场文书