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 相关文章推荐
javascript window对象属性整理
Oct 24 Javascript
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
Jan 20 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
JS冒泡事件的快速解决方法
Dec 16 Javascript
js分页代码分享
Apr 28 Javascript
jquery实现列表上下移动功能
Feb 25 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
jQuery手风琴的简单制作
May 12 jQuery
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
详解vue项目中调用百度地图API使用方法
Apr 25 Javascript
详解Vite的新体验
Feb 22 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
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
PHP学习笔记(一) 简单了解PHP
2014/08/04 PHP
php遍历删除整个目录及文件的方法
2015/03/13 PHP
利用switch语句进行多选一判断的实例代码
2016/11/14 PHP
PHP时间处理类操作示例
2018/09/05 PHP
PHP生成随机密码4种方法及性能对比
2020/12/11 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
jQuery 表格工具集
2010/04/25 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
2011/04/07 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
2013/08/05 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
Javascript call和apply区别及使用方法
2013/11/14 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
js改变css样式的三种方法推荐
2016/06/28 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
python模拟登陆Tom邮箱示例分享
2014/01/13 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
教师求职推荐信范文
2013/11/20 职场文书
三年级数学教学反思
2014/01/31 职场文书
明信片寄语大全
2014/04/08 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
交通事故委托书范本
2014/09/28 职场文书
nginx请求限制配置方法
2021/07/09 Servers