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 相关文章推荐
一些易混淆且不常用的属性,希望有用
Jan 29 Javascript
写出更好的JavaScript程序之undefined篇(中)
Nov 23 Javascript
为Extjs加加速(javascript加速)
Aug 19 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
Dec 08 Javascript
Jquery中删除元素的实现代码
Dec 29 Javascript
JS子父窗口互相操作取值赋值的方法介绍
May 11 Javascript
XML、HTML、CSS与JS的区别整理
Feb 18 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
Angular PWA使用的Demo示例
Jan 31 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
webpack打包优化的几个方法总结
Feb 10 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
介绍几个array库的新函数 php
2006/12/29 PHP
php简单提示框alert封装函数
2010/08/08 PHP
PHP中对于浮点型的数据需要用不同的方法解决
2014/03/11 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
PHP实现采集抓取淘宝网单个商品信息
2015/01/08 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
JavaScript组合拼接字符串的效率对比测试
2014/11/06 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
基于JavaScript获取base64图片大小
2019/10/18 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
python使用socket进行简单网络连接的方法
2015/04/29 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
获取Pytorch中间某一层权重或者特征的例子
2019/08/17 Python
Python如何输出整数
2020/06/07 Python
开工典礼策划方案
2014/05/23 职场文书
学校工作推荐信范文
2014/07/11 职场文书
2014年党建工作总结
2014/11/11 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
居委会工作总结2015
2015/05/18 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS