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 相关文章推荐
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 Javascript
让微信小程序支持ES6中Promise特性的方法详解
Jun 13 Javascript
React Native基础入门之调试React Native应用的一小步
Jul 02 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 Javascript
javascript设计模式之迭代器模式
Jan 30 Javascript
解决Vue-cli无法编译es6的问题
Oct 30 Javascript
canvas多重阴影发光效果实现
Apr 20 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
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
ThinkPHP有变量的where条件分页实例
2014/11/03 PHP
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
AngularJs 弹出模态框(model)
2016/04/07 Javascript
基于jQuery实现表格内容的筛选功能
2016/08/21 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
js 去掉字符串前后空格实现代码集合
2017/03/25 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
2018/05/14 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
Python 3中print函数的使用方法总结
2017/08/08 Python
基于python元祖与字典与集合的粗浅认识
2017/08/23 Python
TensorFlow模型保存和提取的方法
2018/03/08 Python
解决Python中定时任务线程无法自动退出的问题
2019/02/18 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
python选取特定列 pandas iloc,loc,icol的使用详解(列切片及行切片)
2019/08/06 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
Python爬取你好李焕英豆瓣短评生成词云的示例代码
2021/02/24 Python
CSS3 画基本图形,圆形、椭圆形、三角形等
2016/09/20 HTML / CSS
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
ASP.NET中的身份验证有那些
2012/07/13 面试题
2015年禁毒宣传活动总结
2015/03/25 职场文书
python实现ROA算子边缘检测算法
2021/04/05 Python
Window server中安装Redis的超详细教程
2021/11/17 Redis
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
把77A收信机改造成收音机
2022/04/05 无线电
基于Android10渲染Surface的创建过程
2022/08/14 Java/Android