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和ajax的关系详细介绍
Nov 29 Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
Sep 02 Javascript
javascript制作游戏开发碰撞检测的封装代码
Mar 31 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
jQueryUI中的datepicker使用方法详解
May 25 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
JS实现按钮添加背景音乐示例代码
Oct 17 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 Javascript
React Native基础入门之初步使用Flexbox布局
Jul 02 Javascript
JavaScript交换变量的常用方法小结【4种方法】
May 07 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
Protoss兵种对照表
2020/03/14 星际争霸
据说是雅虎的一份PHP面试题附答案
2009/01/07 PHP
PHP 文件上传功能实现代码
2009/06/24 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
PHP常见加密函数用法示例【crypt与md5】
2019/01/27 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
jQuery布局插件UI Layout简介及使用方法
2013/04/03 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
JS变量及其作用域
2017/03/29 Javascript
JS基于正则表达式的替换操作(replace)用法示例
2017/04/28 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
vue.js做一个简单的编辑菜谱功能
2018/05/08 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
python client使用http post 到server端的代码
2013/02/10 Python
python实现简单的TCP代理服务器
2014/10/08 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
pyshp创建shp点文件的方法
2018/12/31 Python
django中间键重定向实例方法
2019/11/10 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
python列表生成器迭代器实例解析
2019/12/19 Python
CSS3 实现发光边框特效
2020/11/11 HTML / CSS
全球工业:Global Industrial
2020/02/01 全球购物
自荐信的基本格式
2014/02/22 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
导游欢迎词范文
2015/01/23 职场文书
校园新闻稿范文
2015/07/18 职场文书
区域销售大会开幕词
2016/03/04 职场文书
使用refresh_token实现无感刷新页面
2022/04/26 Javascript