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

tgyman

于 2016-07-20 17:56:18 发布

阅读量315

点赞数

分类专栏： javascript获取上传文件的大小文章标签： js获取文件大小文件上传文件大小

本文链接：https://blog.csdn.net/tgyman/article/details/51970792

版权

javascript获取上传文件的大小专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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="获得文件大小" οnclick="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>