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 代码也可以变得优美的实现方法
Jun 22 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
May 25 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
AngularJS入门教程之过滤器详解
Aug 19 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
Mar 08 Javascript
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
解决vue中对象属性改变视图不更新的问题
Feb 23 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
关于Vue源码vm.$watch()内部原理详解
Apr 26 Javascript
浅入深出Vue之组件使用
Jul 11 Javascript
Vue实现菜单切换功能
Nov 08 Javascript
写一个Vue loading 插件
Nov 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
PHP 数组入门教程小结
2009/05/20 PHP
PHP中的错误处理、异常处理机制分析
2012/05/07 PHP
关于PHP中Session文件过多的问题及session文件保存位置
2016/03/17 PHP
php微信开发自定义菜单
2016/08/27 PHP
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
Laravel 中创建 Zip 压缩文件并提供下载的实现方法
2019/04/02 PHP
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
Vue父组件调用子组件事件方法
2018/02/23 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
2018/11/09 Javascript
vue中v-for通过动态绑定class实现触发效果
2018/12/06 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python深入学习之闭包
2014/08/31 Python
探究Python的Tornado框架对子域名和泛域名的支持
2015/05/02 Python
Python字符串匹配算法KMP实例
2015/07/18 Python
python fabric实现远程部署
2017/01/05 Python
Windows平台Python连接sqlite3数据库的方法分析
2017/07/12 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
Python如何给你的程序做性能测试
2020/07/29 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
深入了解canvas在移动端绘制模糊的问题解决
2019/04/30 HTML / CSS
网络工程专业毕业生推荐信
2013/10/28 职场文书
主治医师岗位职责
2013/12/10 职场文书
医院总经理职责
2013/12/26 职场文书
大学辅导员事迹材料
2014/02/05 职场文书
中学教师自我鉴定
2014/02/07 职场文书
致100米运动员广播稿
2014/02/14 职场文书
《画》教学反思
2014/04/14 职场文书
《乡下孩子》教学反思
2014/04/17 职场文书
2015年暑假工作总结
2015/07/13 职场文书
深度学习tensorflow基础mnist
2021/04/14 Python