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替换table中的内容并显示进度条的代码
Aug 02 Javascript
浅谈javascript中的作用域
Apr 07 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
May 08 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
Nov 18 Javascript
自己封装的javascript事件队列函数版
Jun 12 Javascript
jQuery formValidator表单验证
Jan 07 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
AngularJS路由实现页面跳转实例
Mar 03 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
微信小程序整个页面的自动适应布局的实现
Jul 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
php导出excel格式数据问题
2014/03/11 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
Smarty保留变量用法分析
2016/05/23 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
基于JQuery的浮动DIV显示提示信息并自动隐藏
2011/02/11 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
jquery得到iframe src属性值的方法
2014/09/25 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
详解Python中列表和元祖的使用方法
2015/04/25 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
linux安装python修改默认python版本方法
2019/03/31 Python
python自定义时钟类、定时任务类
2021/02/22 Python
如何将 awk 脚本移植到 Python
2019/12/09 Python
基于注解实现 SpringBoot 接口防刷的方法
2021/03/02 Python
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
Lookfantastic法国官网:英国知名美妆购物网站
2017/10/28 全球购物
美国网上鞋子零售商:Dr. Scholl’s Shoes
2017/11/17 全球购物
资产经营总监岗位职责
2013/12/04 职场文书
总经理驾驶员岗位职责
2013/12/04 职场文书
文艺晚会策划方案
2014/06/11 职场文书
高中同学会活动方案
2014/08/14 职场文书
2015年高校保卫处工作总结
2015/07/23 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang
Python字典和列表性能之间的比较
2021/06/07 Python