javascript实现获取指定精度的上传文件的大小简单实例

更新时间：2016年10月25日 09:38:26 投稿：jingxian

下面小编就为大家带来一篇javascript实现获取指定精度的上传文件的大小简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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获取路径的方法有很多，网上也可以搜索的到，下面本例也要为大家讲解下，有源码及结果截图
2014-05-05
不唐突的JavaScript的七条准则整理收集
在开始设计你的脚本之前，要考虑的第一件事情就是检查一下你要为其编写脚本的HTML代码，看看有什么东西可以帮助你达到目的。
2008-10-10
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
这篇文章主要介绍了JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox浏览器),需要的朋友可以参考下
2014-09-09
javascript实现点击按钮变色
这篇文章主要为大家详细介绍了javascript实现点击按钮变色，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
arcgis for js 修改infowindow样式的方法
下面小编就为大家带来一篇arcgis for js 修改infowindow样式的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
深入详解JS函数的柯里化
JavaScript作为一种弱类型语言，它的隐式转换是非常灵活有趣的。当我们没有深入了解隐式转换的时候可能会对一些运算的结果会感动困惑，比如4 + true = 5。当然，如果对隐式转换了解足够深刻，能够提高对js的使用能力。这里分享一下，函数在隐式转换中的一些规则
2021-06-06
JS获取input[file]的值并显示在页面的实现方法
下面小编就为大家分享一篇JS获取input[file]的值并显示在页面的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
封装好的js判断操作系统与浏览器代码分享
这篇文章主要介绍了封装好的js判断操作系统与浏览器代码分享,对于我们做系统、浏览器兼容非常有帮助，需要的朋友可以参考下
2015-01-01
js前端上传文件缩略图技巧示例详解
这篇文章主要为大家介绍了js前端上传文件缩略图技巧示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
uniapp图片展示自适应等比例缩放方法举例
这篇文章主要给大家介绍了关于uniapp图片展示自适应等比例缩放方法的相关资料,在uniapp页面展示中会遇到图片展示问题,等比缩放或者自适应view大小,需要的朋友可以参考下
2023-10-10