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 相关文章推荐
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
jQuery 1.8 Release版本发布了
Aug 14 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
Dec 04 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
再谈javascript常见错误及解决方法
Sep 16 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
Bootstrap选项卡学习笔记分享
Feb 13 Javascript
Node.js调试技术总结分享
Mar 12 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 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 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
php截取字符串函数分享
2015/02/02 PHP
PHP中strpos、strstr和stripos、stristr函数分析
2016/06/11 PHP
php array_values 返回数组的值实例详解
2016/11/17 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
IE浏览器PNG图片透明效果代码
2008/09/02 Javascript
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
JS刷新框架外页面七种实现代码
2013/02/18 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
JavaScript去除数组里重复值的方法
2015/07/13 Javascript
vue引入jq插件的实例讲解
2017/09/12 Javascript
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
Python回调函数用法实例详解
2015/07/02 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
运行django项目指定IP和端口的方法
2018/05/14 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
python看某个模块的版本方法
2018/10/16 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
Python实现平行坐标图的两种方法小结
2019/07/04 Python
python变量的存储原理详解
2019/07/10 Python
Python使用贪婪算法解决问题
2019/10/22 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
PHP如何设置和取得Cookie值
2015/06/30 面试题
shell的种类有哪些
2015/04/15 面试题
医学生个人求职信范文
2013/09/24 职场文书
设计专业毕业生求职信
2014/06/25 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
表扬稿格式范文
2015/01/16 职场文书
十大最强飞行系宝可梦,BUG燕上榜,第二是飞行系王者
2022/03/18 日漫
Python开发五子棋小游戏
2022/05/02 Python