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电信网通双线自动选择技巧
Nov 18 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
IE6兼容透明背景图片及解决方案
Aug 19 Javascript
JS随机打乱数组的方法小结
Jun 22 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
使用JS获取SessionStorage的值
Jan 12 Javascript
vue注册组件的几种方式总结
Mar 08 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
WebSocket的简单介绍及应用
May 23 Javascript
vue 如何使用递归组件
Oct 23 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的历史和优缺点
2006/10/09 PHP
php删除与复制文件夹及其文件夹下所有文件的实现代码
2013/01/23 PHP
php中错误处理操作实例分析
2019/08/23 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
js中的string.format函数代码
2020/08/11 Javascript
javascript object array方法使用详解
2012/12/03 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
javascript制作的网页侧边弹出框思路及实现代码
2014/05/21 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
2014/09/03 Javascript
JavaScript DOM操作表格及样式
2015/04/13 Javascript
node.js cookie-parser 中间件介绍
2016/06/06 Javascript
浅谈jQuery 选择器和dom操作
2016/06/07 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
Angular封装搜索框组件操作示例
2019/04/25 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
2019/05/07 Javascript
ElementUI Tag组件实现多标签生成的方法示例
2019/07/08 Javascript
微信小程序iOS下拉白屏晃动问题解决方案
2019/10/12 Javascript
解决js中的setInterval清空定时器不管用问题
2020/11/17 Javascript
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
python判断字符串是否包含子字符串的方法
2015/03/24 Python
Python md5与sha1加密算法用法分析
2017/07/14 Python
浅析Python函数式编程
2018/10/06 Python
Django中数据库的数据关系:一对一,一对多,多对多
2018/10/21 Python
python直接获取API传递回来的参数方法
2018/12/17 Python
Python Print实现在输出中插入变量的例子
2019/12/25 Python
Django自带的用户验证系统实现
2020/12/18 Python
Champion澳大利亚官网:美国冠军运动服装
2018/05/07 全球购物
JustFab加拿大:女鞋、靴子、手袋和服装在线
2018/05/18 全球购物
内部类的定义、种类以及优点
2013/10/16 面试题
办公室前台岗位职责范本
2013/12/10 职场文书
给校长的建议书300字
2014/05/16 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
Java常用函数式接口总结
2021/06/29 Java/Android