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 相关文章推荐
javascript delete 使用示例代码
Mar 29 Javascript
jQuery div层的放大与缩小简单实现代码
Mar 28 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
实现JavaScript高性能的数据存储
Dec 11 Javascript
如何使用Bootstrap创建表单
Mar 29 Javascript
JavaScript对象_动力节点Java学院整理
Jun 23 Javascript
javascript按顺序加载运行js方法
Dec 01 Javascript
优雅的将ElementUI表格变身成树形表格的方法步骤
Apr 11 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
通过vue手动封装on、emit、off的代码详解
May 29 Javascript
微信公众号生成新浪短网址的实现(快速生成)
Aug 18 Javascript
JavaScript 替换所有匹配内容及正则替换方法
Feb 12 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
第五节--克隆
2006/11/16 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
二级域名转向类
2006/11/09 Javascript
DOM相关内容速查手册
2007/02/07 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
浅谈Node Inspector 代理实现
2017/10/19 Javascript
Element-ui tree组件自定义节点使用方法代码详解
2018/09/17 Javascript
JS加载解析Markdown文档过程详解
2020/05/19 Javascript
[43:49]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python self,cls,decorator的理解
2009/07/13 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
Python with语句上下文管理器两种实现方法分析
2018/02/09 Python
Django 开发环境与生产环境的区分详解
2019/07/26 Python
numpy.array 操作使用简单总结
2019/11/08 Python
使用python绘制二维图形示例
2019/11/22 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
2019/12/25 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
html5服务器推送_动力节点Java学院整理
2017/07/12 HTML / CSS
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
自我鉴定怎么写
2014/01/12 职场文书
10的分与合教学反思
2014/04/30 职场文书
医务人员医德考评自我评价
2015/03/03 职场文书
Python绘制分类图的方法
2021/04/20 Python
python爬取某网站原图作为壁纸
2021/06/02 Python
以下牛机,你有几个
2022/04/05 无线电