javascript實(shí)現(xiàn)獲取指定精度的上傳文件的大小簡單實(shí)例

更新時(shí)間：2016年10月25日 09:38:26 投稿：jingxian

下面小編就為大家?guī)硪黄猨avascript實(shí)現(xiàn)獲取指定精度的上傳文件的大小簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

js實(shí)現(xiàn)獲取指定精度的上傳文件的大小，主要采用html和JavaScript，用瀏覽器運(yùn)行下述代碼，按照操作：選擇文件->獲得文件大小的順序，即可。

源碼：

<!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;//獲得文件大小并轉(zhuǎn)化為KB單位,采用默認(rèn)的精度
      document.write("文件大小: "+len.toFixed(2)+"KB");//輸出指定精度的文件大小,這里是精度是兩位小數(shù)
    }
  </script>
</body>
</html>

以上就是小編為大家?guī)淼膉avascript實(shí)現(xiàn)獲取指定精度的上傳文件的大小簡單實(shí)例全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

ES5 ES6中Array對象去除重復(fù)項(xiàng)的方法總結(jié)
這篇文章主要給大家介紹了Array對象去除重復(fù)項(xiàng)的相關(guān)資料，文中通過示例代碼詳細(xì)介紹了在ES5和ES6中Array對象去除重復(fù)項(xiàng)的方法，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-04-04
讓瀏覽器崩潰的12行JS代碼(DoS攻擊分析及防御)
現(xiàn)在有一段12行的JavaScript代碼，可以讓firefox、chrome、safari瀏覽器崩潰，而且還能讓iphone重啟、安卓閃退，本文作者對于該12行代碼進(jìn)行了分析解讀并且提出了相應(yīng)的防御辦法，歡迎大家一同探討。有需要的朋友們可以參考借鑒。
2016-10-10
JS實(shí)現(xiàn)的豎向折疊菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的豎向折疊菜單代碼,涉及JavaScript動(dòng)態(tài)遍歷頁面元素及樣式修改的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
原生javascript實(shí)現(xiàn)圖片無縫滾動(dòng)效果
這篇文章主要介紹了原生javascript實(shí)現(xiàn)圖片無縫滾動(dòng)效果的相關(guān)資料,需要的朋友可以參考下
2016-02-02
javascript定時(shí)器完整實(shí)例
這篇文章主要介紹了javascript定時(shí)器完整實(shí)現(xiàn)方法,以實(shí)例形式分析了定時(shí)器的嵌套調(diào)用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
簡單談?wù)凟S6的六個(gè)小特性
ES6（ECMAScript2015）的出現(xiàn)，無疑給前端開發(fā)人員帶來了新的驚喜，它包含了一些很棒的新特性，可以更加方便的實(shí)現(xiàn)很多復(fù)雜的操作，提高開發(fā)人員的效率。JS社區(qū)的每個(gè)人都喜歡新的API、語法以及一些簡單、明了更高效的完成重要任務(wù)的新特性。下面來一起看看吧。
2016-11-11
JavaScript實(shí)現(xiàn)動(dòng)態(tài)表格效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)表格效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
js+div+css下拉導(dǎo)航菜單完整代碼分享
本文主要分享了js+div+css下拉導(dǎo)航菜單的完整代碼?？芍苯訌?fù)制保存到HTML文件就可以體驗(yàn)效果。下面跟著小編一起來看下吧
2016-12-12
淺談JS如何寫出漂亮的條件表達(dá)式
條件表達(dá)式，是我們在coding過程中永遠(yuǎn)躲不開的問題，也是我們騙代碼行數(shù)最方便的東西，但作為一名程序員，我們也要追求自己的“信達(dá)雅”，下面就讓我們看看以下幾種常見的條件表達(dá)場景，如何寫的漂亮！
2021-05-05
JS添加或刪除HTML dom元素的方法實(shí)例分析
這篇文章主要介紹了JS添加或刪除HTML dom元素的方法,結(jié)合實(shí)例形式分析了javascript針對HTML DOM元素節(jié)點(diǎn)的創(chuàng)建、追加、刪除等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2019-03-03