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 相关文章推荐
漂亮的提示信息(带箭头)
Mar 21 Javascript
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
Dec 02 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
Jan 04 Javascript
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
JS设计模式之单例模式(一)
Sep 29 Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 Javascript
javascript实现固定侧边栏
Feb 09 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数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
2017/03/11 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
vue.js实例对象+组件树的详细介绍
2017/10/20 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
详解javascript appendChild()的完整功能
2018/08/18 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
Node.js API详解之 querystring用法实例分析
2020/04/29 Javascript
Jquery滑动门/tab切换实现方法完整示例
2020/06/05 jQuery
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
python实现TF-IDF算法解析
2018/01/02 Python
python距离测量的方法
2018/03/06 Python
python之生产者消费者模型实现详解
2019/07/27 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
可靠的数据流传输TCP
2016/03/15 面试题
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上?
2013/03/30 面试题
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
成教自我鉴定
2013/10/27 职场文书
个人授权委托书模板
2014/09/14 职场文书
天鹅湖观后感
2015/06/09 职场文书
《角的度量》教学反思
2016/02/18 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python