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 浮点数运算 精度问题
Oct 06 Javascript
EasyUI中combobox默认值注意事项
Mar 01 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
Dec 14 Javascript
jQuery使用bind函数实现绑定多个事件的方法
Oct 11 jQuery
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
理顺8个版本vue的区别(小结)
Sep 17 Javascript
Vue formData实现图片上传
Aug 20 Javascript
Vue 中 a标签上href无法跳转的解决方式
Nov 12 Javascript
Node使用Nodemailer发送邮件的方法实现
Feb 24 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
利用static实现表格的颜色隔行显示
2006/10/09 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
jquery autocomplete自动完成插件的的使用方法
2010/08/07 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
读jQuery之十二 删除事件核心方法
2011/07/31 Javascript
jQuery 三击事件实现代码
2013/09/11 Javascript
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
JS中把字符转成ASCII值的函数示例代码
2013/11/21 Javascript
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
jQuery功能函数详解
2015/02/01 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
JavaScript日期选择功能示例
2017/01/16 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
[05:02][DOTA2]DOTA进化论 第一期
2013/09/27 DOTA
Python写的一个简单DNS服务器实例
2014/06/04 Python
Python魔术方法详解
2015/02/14 Python
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Python基于sftp及rsa密匙实现远程拷贝文件的方法
2016/09/21 Python
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
Pycharm安装并配置jupyter notebook的实现
2020/05/18 Python
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
Pedro官网:新加坡时尚品牌
2019/08/27 全球购物
幼师自荐信范文
2013/10/06 职场文书
职业技术学校毕业生推荐信
2013/12/03 职场文书
打架检讨书50字
2014/01/11 职场文书
大型活动策划方案
2014/01/12 职场文书
幼儿教师研修感言
2014/02/12 职场文书
服务员岗位职责
2015/02/03 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
MySQL外键约束(FOREIGN KEY)案例讲解
2021/08/23 MySQL
Python Django项目和应用的创建详解
2021/11/27 Python
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python