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 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
Jan 04 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
Nov 10 Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
Sep 12 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
微信小程序实现验证码获取倒计时效果
Feb 08 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
Nov 02 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
Apr 08 Javascript
js实现坦克移动小游戏
Oct 28 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
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
php fseek函数读取大文件两种方法
2016/10/12 PHP
PHP面向对象程序设计之类与反射API详解
2016/12/02 PHP
centos下file_put_contents()无法写入文件的原因及解决方法
2017/04/01 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
JavaScript TO HTML 转换
2006/06/26 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
用js小类库获取浏览器的高度和宽度信息
2012/01/15 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
2015/11/02 Javascript
模板视图和AngularJS之间冲突的解决方法
2016/11/22 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
Angular.js中上传指令ng-upload的基本使用教程
2017/07/30 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
在Python的Django框架中实现Hacker News的一些功能
2015/04/17 Python
python如何为被装饰的函数保留元数据
2018/03/21 Python
Python Pywavelet 小波阈值实例
2019/01/09 Python
python爬虫 Pyppeteer使用方法解析
2019/09/28 Python
python base64库给用户名或密码加密的流程
2020/01/02 Python
HTML5 Canvas draw方法制作动画效果示例
2013/07/11 HTML / CSS
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
九年级历史教学反思
2014/01/27 职场文书
军训感想500字
2014/02/20 职场文书
建筑工地质量标语
2014/06/12 职场文书
加强作风建设工作总结
2014/10/23 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
小学生纪律委员竞选稿
2015/11/19 职场文书
python图像处理 PIL Image操作实例
2022/04/09 Python