javascript实现获取指定精度的上传文件的大小简单实例


Posted in Javascript onOctober 25, 2016

js实现获取指定精度的上传文件的大小,主要采用html和JavaScript,用浏览器运行下述代码,按照操作:选择文件->获得文件大小的顺序,即可。

源码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>获得文件大小</title>
</head>
<body>
  <form type="testForm" id="test">
    <input type="file" id="testFile">
    <input type="button" id="tstBtn" value="获得文件大小" onclick="getSize();"/>
  </form>
  <script type="text/javascript">
    function getSize(){
     var elt=document.getElementById("testFile");//获得文件对象
      var len=elt.files[0].size/1024;//获得文件大小并转化为KB单位,采用默认的精度
      document.write("文件大小: "+len.toFixed(2)+"KB");//输出指定精度的文件大小,这里是精度是两位小数
    }
  </script>
</body>
</html>

以上就是小编为大家带来的javascript实现获取指定精度的上传文件的大小简单实例全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
jQuery 性能优化指南(2)
May 21 Javascript
js 第二代身份证号码的验证机制代码
May 12 Javascript
js二维数组定义和初始化的三种方法总结
Mar 03 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
Dec 03 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
May 01 Javascript
javascript系统时间设置操作示例
Jun 17 Javascript
Vue使用NProgress的操作过程解析
Oct 10 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 Javascript
js实现查询商品案例
Jul 22 Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 #Javascript
微信小程序 数据绑定详解及实例
Oct 25 #Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 #Javascript
javascript 中的事件委托详解
Oct 25 #Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 #Javascript
分分钟玩转Vue.js组件
Oct 25 #Javascript
谈谈target=_new和_blank的不同之处
Oct 25 #Javascript
You might like
建立动态的WML站点(三)
2006/10/09 PHP
PHP XML操作类DOMDocument
2009/12/16 PHP
php 在文件指定行插入数据的代码
2010/05/08 PHP
php设计模式 Template (模板模式)
2011/06/26 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
php使浏览器直接下载pdf文件的方法
2013/11/15 PHP
仿dedecms下拉分页样式修改的thinkphp分页类实例
2014/10/30 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
Prototype使用指南之array.js
2007/01/10 Javascript
JS 参数传递的实际应用代码分析
2009/09/13 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
javascript中attachEvent用法实例分析
2015/05/14 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
JavaScript实现大图轮播效果
2017/01/11 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
weex里Vuex state使用storage持久化详解
2017/09/09 Javascript
浅谈Angular4中常用管道
2017/09/27 Javascript
js定时器实现倒计时效果
2017/11/05 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
深入浅出vue图片路径的实现
2019/09/04 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
ant design vue导航菜单与路由配置操作
2020/10/28 Javascript
[01:12:27]EG vs Secret 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
windows下Virtualenvwrapper安装教程
2017/12/13 Python
python并发编程多进程 模拟抢票实现过程
2019/08/20 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
python实现密码强度校验
2020/03/18 Python
Python中内建模块collections如何使用
2020/05/27 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
纽约州一群才华横溢的金匠制作而成:Hearth Jewelry
2019/03/22 全球购物
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
2015年安全生产责任书
2015/01/30 职场文书
学习保证书100字
2015/02/26 职场文书