js判断文件格式及大小的简单实例(必看)


Posted in Javascript onOctober 11, 2016

实例如下:

//判断照片大小
function getPhotoSize(obj){
  photoExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名
  if(photoExt!='.jpg'){
    alert("请上传后缀名为jpg的照片!");
    return false;
  }
  var fileSize = 0;
  var isIE = /msie/i.test(navigator.userAgent) && !window.opera;      
  if (isIE && !obj.files) {     
     var filePath = obj.value;      
     var fileSystem = new ActiveXObject("Scripting.FileSystemObject");  
     var file = fileSystem.GetFile (filePath);        
     fileSize = file.Size;     
  }else { 
     fileSize = obj.files[0].size;   
  } 
  fileSize=Math.round(fileSize/1024*100)/100; //单位为KB
  if(fileSize>=10){
    alert("照片最大尺寸为10KB,请重新上传!");
    return false;
  }
}

jsp页面:

<input type="file" id="imgFile" name="upload" style="width:150px;" onchange="getPhotoSize(this)"/>

以上就是小编为大家带来的js判断文件格式及大小的简单实例(必看)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
js网页版计算器的简单实现
Jul 02 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
javascript获取当前的时间戳的方法汇总
Jul 26 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
使用svg实现动态时钟效果
Jul 17 Javascript
layui 设置table 行的高度方法
Aug 17 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
Sep 25 Javascript
微信小程序实现留言功能
Oct 31 Javascript
原生JS实现图片懒加载之页面性能优化
Apr 26 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
js 判断附件后缀的简单实现方法
Oct 11 #Javascript
判断数组的最佳方法(推荐)
Oct 11 #Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 #Javascript
深入理解JS中的Function.prototype.bind()方法
Oct 11 #Javascript
Bootstrap轮播插件使用代码
Oct 11 #Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 #Javascript
JavaScript获取URL中参数querystring的方法详解
Oct 11 #Javascript
You might like
php5 and xml示例
2006/11/22 PHP
PHP数学运算函数大汇总(经典值得收藏)
2016/04/01 PHP
php将一维数组转换为每3个连续值组成的二维数组
2016/05/06 PHP
ucenter中词语过滤原理分析
2016/07/13 PHP
PHP 文件锁与进程锁的使用示例
2017/08/07 PHP
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
Jquery解析Json格式数据过程代码
2014/10/17 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
Bootstrap实现导航栏的2种方式
2016/11/28 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
2017/02/05 Javascript
jquery 手势密码插件
2017/03/17 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
强大的JavaScript响应式图表Chartist.js的使用
2017/09/13 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
python字符串替换的2种方法
2014/11/30 Python
python optparse模块使用实例
2015/04/09 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
python PyAUtoGUI库实现自动化控制鼠标键盘
2020/09/09 Python
汽车运用工程毕业生自荐信
2013/10/29 职场文书
生产厂长岗位职责
2014/02/21 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
七夕活动策划方案
2014/08/16 职场文书
倡议书格式
2014/08/30 职场文书
场地使用证明模板
2014/10/25 职场文书
论群众路线学习笔记
2014/11/06 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
幼儿园端午节活动总结
2015/05/05 职场文书
关于golang高并发的实现与注意事项说明
2021/05/08 Golang
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android