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实现的可隐藏重现的靠边悬浮层实例代码
May 27 Javascript
jQuery Ajax异步处理Json数据详解
Nov 05 Javascript
使用jquery自定义鼠标样式满足个性需求
Nov 05 Javascript
jQuery中[attribute=value]选择器用法实例
Dec 31 Javascript
jQuery+HTML5美女瀑布流布局实现方法
Sep 21 Javascript
简单的渐变轮播插件
Jan 12 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
vue动态生成dom并且自动绑定事件
Apr 19 Javascript
强大的 Angular 表单验证功能详细介绍
May 23 Javascript
angular+ionic返回上一页并刷新页面
Aug 08 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
vue 实现购物车总价计算
Nov 06 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/07/13 国漫
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
解析php中curl_multi的应用
2013/07/17 PHP
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
JavaScript中使用typeof运算符需要注意的几个坑
2014/11/08 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
JS 实现banner图片轮播效果(鼠标事件)
2017/08/04 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
2020/02/03 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
[47:02]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS paiN
2018/03/30 DOTA
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
对python For 循环的三种遍历方式解析
2019/02/01 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
python实现静态web服务器
2019/09/03 Python
如何运行带参数的python脚本
2019/11/15 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
CSS3对图片照片进行边缘模糊处理的实现
2018/08/08 HTML / CSS
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
HTML如何让IMG自动适应DIV容器大小的实现方法
2020/02/25 HTML / CSS
德国街头和运动文化高品质商店:BSTN Store
2017/08/26 全球购物
Blue Nile蓝色尼罗河香港官网:世界最大在线钻石珠宝销售商
2020/05/07 全球购物
英语系毕业生自荐信
2013/10/31 职场文书
调解协议书
2014/04/16 职场文书
法制宣传月活动总结
2014/04/29 职场文书
祖国在我心中的演讲稿
2014/05/04 职场文书
生活部的活动方案
2014/08/19 职场文书
谢师宴邀请函
2015/02/02 职场文书
2015年世界急救日宣传活动方案
2015/05/06 职场文书
golang日志包logger的用法详解
2021/05/05 Golang