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

184 阅读 0 评论 122 点赞

我是靠谱客的博主落后柜子，这篇文章主要介绍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实现获取指定精度的上传文件的大小简单实例全部内容了，希望大家多多支持脚本之家~