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类中获取外部函数名的方法与代码
Sep 12 Javascript
Prototype Template对象 学习
Jul 19 Javascript
javascript 一些用法小结
Sep 11 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
javascript字母大小写转换的4个函数详解
May 09 Javascript
js点击选择文本的方法
Feb 09 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
Element图表初始大小及窗口自适应实现
Jul 10 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生成静态页的实现方法
2013/05/10 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
php 类自动载入的方法
2015/06/03 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
PHP实现路由映射到指定控制器
2016/08/13 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
PHP设计模式之单例模式定义与用法分析
2019/03/26 PHP
Z-Blog中用到的js代码
2007/03/15 Javascript
js的表单操作 简单计算器
2011/12/29 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
2012/03/16 Javascript
js判断浏览器类型的方法
2013/08/07 Javascript
js实现在同一窗口浏览图片
2014/09/17 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
判断输入的字符串是否是日期格式的简单方法
2016/07/11 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
2016/11/03 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
详解组件库的webpack构建速度优化
2018/06/18 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
Python图像处理库PIL的ImageFont模块使用介绍
2020/02/26 Python
Python socket处理client连接过程解析
2020/03/18 Python
python为什么要安装到c盘
2020/07/20 Python
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
我们是伦敦女孩:WalG
2018/01/08 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
电子商务助理求职自荐信
2014/04/10 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
MySQL和Oracle批量插入SQL的通用写法示例
2021/11/17 MySQL
「魔导具师妲莉亚永不妥协~从今天开始的自由职人生活~」1、2卷发售宣传CM公开
2022/03/21 日漫
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技