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和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
from表单多个按钮提交用onclick跳转不同action
Apr 24 Javascript
js实现纯前端的图片预览
Apr 27 Javascript
浅谈JavaScript的计时器对象
Dec 26 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
js上传图片预览的实现方法
May 09 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
opencv 识别微信登录验证滑动块位置
Aug 07 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
vue在图片上传的时候压缩图片
Nov 18 Vue.js
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中header的用法详解
2013/06/07 PHP
PHP将Excel导入数据库及数据库数据导出至Excel的方法
2015/06/24 PHP
jQuery getJSON 处理json数据的代码
2010/07/26 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
2013/04/15 Javascript
用js实现输入提示(自动完成)的实例代码
2013/06/14 Javascript
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
浅析js设置控件的readonly与enabled属性问题
2013/12/25 Javascript
node.js中的console.trace方法使用说明
2014/12/09 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
jQuery 常用代码集锦(必看篇)
2016/05/16 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
微信禁止下拉查看URL的处理方法
2017/09/28 Javascript
手把手教你用Node.js爬虫爬取网站数据的方法
2018/07/05 Javascript
vue-cli3脚手架的配置及使用教程
2018/08/28 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
基于Vue实现平滑过渡的拖拽排序功能
2019/06/12 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
Vue axios 跨域请求无法带上cookie的解决
2020/09/08 Javascript
Python之时间和日期使用小结
2019/02/14 Python
Python使用numpy模块实现矩阵和列表的连接操作方法
2019/06/26 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
python爬取音频下载的示例代码
2020/10/19 Python
CSS3中Transition动画属性用法详解
2016/07/04 HTML / CSS
HTML5实现音频和视频嵌入的方法
2018/08/22 HTML / CSS
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
教学实验楼管理制度
2014/02/01 职场文书
文明礼仪标语
2014/06/13 职场文书
委托书的格式
2014/08/01 职场文书
2014年资料员工作总结
2014/11/18 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
年度考核个人总结
2015/03/06 职场文书
团组织推荐意见
2015/06/05 职场文书