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 相关文章推荐
Valerio 发布了 Mootools
Sep 23 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
用原生JS对AJAX做简单封装的实例代码
Jul 13 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 Javascript
AngularJS使用ng-options指令实现下拉框
Aug 23 Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
JavaScript中var的重要性实例分析
Jul 09 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 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数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
2016/11/25 PHP
使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)
2016/12/21 PHP
PHP基于双向链表与排序操作实现的会员排名功能示例
2017/12/26 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
基于jquery的表格排序
2010/09/11 Javascript
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
原生JavaScript实现Tooltip浮动提示框特效
2017/03/07 Javascript
vue 使用Jade模板写html,stylus写css的方法
2018/02/23 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
python实现文本文件合并
2015/12/29 Python
python3 flask实现文件上传功能
2020/03/20 Python
python 随机打乱 图片和对应的标签方法
2018/12/14 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
Django之创建引擎索引报错及解决详解
2019/07/17 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
利用纯CSS3实现文字向右循环闪过效果实例(可用于移动端)
2017/06/15 HTML / CSS
HTML5未来发展趋势
2016/02/01 HTML / CSS
计算机应用专业毕业生求职信
2014/06/03 职场文书
青年标兵事迹材料
2014/08/16 职场文书
部门群众路线教育实践活动对照检查材料思想汇报
2014/10/07 职场文书
教师工作总结范文2014
2014/11/10 职场文书
邀请函怎么写
2015/01/30 职场文书
获奖感言怎么写
2015/07/31 职场文书
四年级作文之植物
2019/09/20 职场文书
React更新渲染原理深入分析
2022/12/24 Javascript