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 相关文章推荐
Jquery跨域获得Json时invalid label错误的解决办法
Jan 11 Javascript
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
屏蔽相应键盘按钮操作
Mar 10 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
jquery实现增加删除行的方法
Feb 03 Javascript
jQuery拖动元素并对元素进行重新排序
Dec 30 Javascript
JavaScript函数内部属性和函数方法实例详解
Mar 17 Javascript
Vue 2.0 服务端渲染入门介绍
Mar 29 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 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常用表单验证类用法实例
2015/06/18 PHP
利用laravel+ajax实现文件上传功能方法示例
2017/08/13 PHP
JS模板实现方法
2013/04/03 Javascript
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
详解基于Bootstrap扁平化的后台框架Ace
2015/11/27 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
详解angularjs结合pagination插件实现分页功能
2017/02/10 Javascript
Angular 4.x中表单Reactive Forms详解
2017/04/25 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
vue+element UI实现树形表格
2020/12/29 Vue.js
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
Python中优化NumPy包使用性能的教程
2015/04/23 Python
python简单文本处理的方法
2015/07/10 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
欧洲最大的化妆品连锁公司:Douglas道格拉斯
2017/05/06 全球购物
惠普加拿大在线商店:HP加拿大
2017/09/15 全球购物
财务管理专业应届毕业生求职信
2013/09/22 职场文书
应聘教师自荐信
2013/10/12 职场文书
中英文自我评价语句
2013/12/20 职场文书
总经理秘书的岗位职责
2013/12/27 职场文书
电大本科自我鉴定
2014/02/05 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
初三开学计划书
2014/04/27 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
2014年质检工作总结
2014/11/26 职场文书
教师个人培训总结
2015/02/11 职场文书
党员评议自我评价
2015/03/03 职场文书
学校捐款活动总结
2015/05/09 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
php png失真的原因及解决办法
2021/10/24 PHP
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技