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 迁移目录
Dec 18 Javascript
IE JS无提示关闭窗口不提示的方法
Apr 29 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
Feb 05 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
多种jQuery绑定事件的实现方式
Jun 13 Javascript
JS实现简单的右下角弹出提示窗口完整实例
Jun 21 Javascript
AJAX和jQuery动态加载数据的实现方法
Dec 05 Javascript
js实现年月日表单三级联动
Apr 17 Javascript
Angular.js中数组操作的方法教程
Jul 31 Javascript
vue项目出现页面空白的解决方案
Oct 31 Javascript
React-vscode使用jsx语法的问题及解决方法
Jun 21 Javascript
vue 自定义的组件绑定点击事件
Apr 21 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初学者写及时补给skype用户充话费的小程序
2008/11/02 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
php加密解密实用类分享
2014/01/07 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
AngularJS通过$location获取及改变当前页面的URL
2016/09/23 Javascript
小程序实现带年月选取效果的日历
2018/06/27 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
Vue 实例事件简单示例
2019/09/19 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
Python实现比较两个列表(list)范围
2015/06/12 Python
对python中return和print的一些理解
2017/08/18 Python
Python continue继续循环用法总结
2018/06/10 Python
python 将列表中的字符串连接成一个长路径的方法
2018/10/23 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
详解Python绘图Turtle库
2019/10/12 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
pycharm运行程序时看不到任何结果显示的解决
2020/02/21 Python
Django 解决由save方法引发的错误
2020/05/21 Python
Django视图类型总结
2021/02/17 Python
python实现控制台输出颜色
2021/03/02 Python
使用PDF.JS插件在HTML中预览PDF文件的方法
2018/08/29 HTML / CSS
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
什么是数组名
2012/05/10 面试题
爱国卫生月实施方案
2014/02/21 职场文书
驾驶员安全责任书
2014/07/22 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
黑白记忆观后感
2015/06/18 职场文书
《鸟的天堂》教学反思
2016/02/19 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android
python析构函数用法及注意事项
2021/06/22 Python
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS