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 function调用时的参数检测常用办法
Feb 26 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
Oct 15 Javascript
js钢琴按钮波浪式图片排列效果代码分享
Aug 26 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
JS表格组件神器bootstrap table详解(基础版)
Dec 08 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
微信网页授权并获取用户信息的方法
Jul 30 Javascript
详解Vue CLI3配置解析之css.extract
Sep 14 Javascript
JavaScript解析及序列化JSON的方法实例分析
Jan 04 Javascript
详解小程序循环require之坑
Mar 08 Javascript
vue实现数字动态翻牌的效果(开箱即用)
Dec 08 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
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
DOM相关内容速查手册
2007/02/07 Javascript
写了一个layout,拖动条连贯,内容区可为iframe
2007/08/19 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
Angular.JS读取数据库数据调用完整实例
2019/07/02 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
2019/07/24 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
Python写的Discuz7.2版faq.php注入漏洞工具
2014/08/06 Python
Python编程中的for循环语句学习教程
2015/10/14 Python
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
python中nan与inf转为特定数字方法示例
2017/05/11 Python
Python实现手写一个类似django的web框架示例
2018/07/20 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
副处级干部考察材料
2014/05/17 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
民事诉讼代理词
2015/05/25 职场文书
暑假生活随笔
2015/08/15 职场文书
家访教师心得体会
2016/01/23 职场文书
导游词之五台山
2019/10/11 职场文书
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL