编程 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 相关文章推荐

判断一个变量是数组Array类型的方法

Sep 16 Javascript

深入理解JavaScript系列（41）：设计模式之模板方法详解

Mar 04 Javascript

深入分析JSON编码格式提交表单数据

Jun 25 Javascript

浅谈node.js中async异步编程

Oct 22 Javascript

基于javascript实现简单计算器功能

Jan 03 Javascript

vue双向绑定的简单实现

Dec 22 Javascript

Bootstrap 过渡效果Transition 模态框（Modal）

Mar 17 Javascript

解决BootStrap Fileinput手机图片上传显示旋转问题

Jun 01 Javascript

JS简单添加元素新节点的方法示例

Feb 10 Javascript

面试题：react和vue的区别分析

Apr 08 Javascript

vue element upload组件 file-list的动态绑定实现

Oct 11 Javascript

JavaScript快速调试的两个技巧

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