首頁 > web前端 > js教程 > 主體

javascript實作取得指定精度的上傳檔案的大小簡單實例

高洛峰
發布: 2016-12-09 10:22:53
原創
1271 人瀏覽過

js實現取得指定精度的上傳檔案的大小,主要採用html和JavaScript,用瀏覽器執行下述程式碼,按照操作:選擇檔案->取得檔案大小的順序,即可。

源碼:

<!DOCTYPE html>
<html>
<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>
登入後複製


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板