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 相关文章推荐
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
jQuery仿Excel表格编辑功能的实现代码
May 01 Javascript
javascript获取下拉列表框当中的文本值示例代码
Jul 31 Javascript
javascript制作的简单注册模块表单验证
Apr 13 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
搭建Vue从Vue-cli到router路由护卫的实现
Nov 14 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
CodeIgniter php mvc框架 中国网站
2008/05/26 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
Javascript学习笔记9 prototype封装继承
2010/01/11 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
简单的ajax连接库分享(不用jquery的ajax)
2014/01/19 Javascript
IE中getElementsByName()对有些元素无效的解决方案
2014/09/28 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
2017/10/14 jQuery
解决vue attr取不到属性值的问题
2018/09/18 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
Javascript实现秒表倒计时功能
2018/11/17 Javascript
vue el-tree 默认展开第一个节点的实现代码
2020/05/15 Javascript
antd form表单数据回显操作
2020/11/02 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
2020/11/04 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
浅析python 内置字符串处理函数的使用方法
2014/06/11 Python
浅谈python中的实例方法、类方法和静态方法
2017/02/17 Python
python与php实现分割文件代码
2017/03/06 Python
浅谈python import引入不同路径下的模块
2017/07/11 Python
Python django框架应用中实现获取访问者ip地址示例
2019/05/17 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
深入了解canvas在移动端绘制模糊的问题解决
2019/04/30 HTML / CSS
Ralph Lauren法国官网:美国高品味时装品牌
2017/12/08 全球购物
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
Servlet的生命周期
2013/08/25 面试题
合作意向书模板
2014/03/31 职场文书
班主任2015新年寄语
2014/12/08 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
python pygame 开发五子棋双人对弈
2022/05/02 Python