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 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
js 调整select 位置的函数
Feb 21 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
js post提交调用方法
Feb 12 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
Aug 22 Javascript
微信小程序如何连接Java后台
Aug 08 Javascript
vue-element-admin 菜单标签失效的解决方式
Nov 12 Javascript
关于vue.js中实现方法内某些代码延时执行
Nov 14 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
Jan 16 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
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
广播爱好者需要了解的天线知识
2021/03/01 无线电
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
我的论坛源代码(九)
2006/10/09 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
php的命名空间与自动加载实现方法
2019/08/25 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
Javascript面向对象之四 继承
2011/02/08 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
iPhone手机上搭建nodejs服务器步骤方法
2015/07/06 NodeJs
微信小程序 教程之数据绑定
2016/10/18 Javascript
bootstrap select插件封装成Vue2.0组件
2017/04/17 Javascript
Angular4表单验证代码详解
2017/09/03 Javascript
vue-cli项目中使用echarts图表实例
2018/10/22 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
jupyter notebook 重装教程
2020/04/16 Python
python time.strptime格式化实例详解
2021/02/03 Python
利用css3-animation实现逐帧动画效果
2016/03/10 HTML / CSS
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
专升本个人自我评价
2013/12/22 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
自愿离婚协议书范文2014
2014/10/12 职场文书
民主生活会汇报材料
2014/12/15 职场文书
2015年音乐教学工作总结
2015/07/22 职场文书
2016年社区文体活动总结
2016/04/06 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL
Python+uiautomator2实现自动刷抖音视频功能
2021/04/29 Python