编程 Javascript

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实现获取指定精度的上传文件的大小简单实例

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jquery的图片懒加载js

Jun 30 Javascript

Javascript 八进制转义字符(8进制)

Apr 08 Javascript

JavaScript中的setMilliseconds()方法使用详解

Jun 11 Javascript

jquery带有索引按钮且自动轮播切换特效代码分享

Sep 15 Javascript

谈一谈jQuery核心架构设计

Mar 28 Javascript

javascript 广告移动特效的实现代码

Jun 25 Javascript

AngularJS 基础ng-class-even指令用法

Aug 01 Javascript

AngularJS基础 ng-hide 指令用法及示例代码

Aug 01 Javascript

常用原生js自定义函数总结

Nov 20 Javascript

jQuery实现简单日期格式化功能示例

Sep 19 jQuery

js实现鼠标单击Tab表单切换效果

May 16 Javascript

Nuxt.js之自动路由原理的实现方法

Nov 21 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