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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
调用innerHTML之后onclick失效问题的解决方法
Jan 28 Javascript
jquery实现图片上传之前预览的方法
Jul 11 Javascript
js弹出对话框方式小结
Nov 17 Javascript
Easyui form combobox省市区三级联动
Jan 13 Javascript
js实现上传图片及时预览
May 07 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
Jul 18 Javascript
基于vue-element组件实现音乐播放器功能
May 06 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
Jul 24 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 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常用的缓存技术汇总
2014/05/05 PHP
tp5框架基于Ajax实现列表无刷新排序功能示例
2020/02/10 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
aspx中利用js实现确认删除代码
2010/07/22 Javascript
js 得到文件后缀(通过正则实现)
2013/07/08 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
2014/01/24 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
js电话号码验证方法
2015/09/28 Javascript
javascript基本算法汇总
2016/03/09 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
angular4 共享服务在多个组件中数据通信的示例
2018/03/30 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
[01:13:59]LGD vs Mineski Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
Python与shell的3种交互方式介绍
2015/04/11 Python
详解python单例模式与metaclass
2016/01/15 Python
利用Python实现图书超期提醒
2016/08/02 Python
Python面向对象编程基础解析(二)
2017/10/26 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
Python爬取个人微信朋友信息操作示例
2018/08/03 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
2020/01/22 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
开平碉楼导游词
2015/02/06 职场文书
获奖感言一句话
2015/07/31 职场文书
新教师教学工作总结
2015/08/12 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
python tkinter实现定时关机
2021/04/21 Python
MongoDB支持的数据类型
2022/04/11 MongoDB