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

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

您可能感興趣的文章:

相關(guān)文章

JavaScript獲取路徑設(shè)計(jì)源碼
JavaScript獲取路徑的方法有很多，網(wǎng)上也可以搜索的到，下面本例也要為大家講解下，有源碼及結(jié)果截圖
2014-05-05
不唐突的JavaScript的七條準(zhǔn)則整理收集
在開始設(shè)計(jì)你的腳本之前，要考慮的第一件事情就是檢查一下你要為其編寫腳本的HTML代碼，看看有什么東西可以幫助你達(dá)到目的。
2008-10-10
JavaScript獲取鼠標(biāo)移動(dòng)時(shí)的坐標(biāo)(兼容IE8、chome谷歌、Firefox)
這篇文章主要介紹了JavaScript獲取鼠標(biāo)移動(dòng)時(shí)的坐標(biāo)(兼容IE8、chome谷歌、Firefox瀏覽器),需要的朋友可以參考下
2014-09-09
javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
arcgis for js 修改infowindow樣式的方法
下面小編就為大家?guī)?lái)一篇arcgis for js 修改infowindow樣式的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-11-11
深入詳解JS函數(shù)的柯里化
JavaScript作為一種弱類型語(yǔ)言，它的隱式轉(zhuǎn)換是非常靈活有趣的。當(dāng)我們沒有深入了解隱式轉(zhuǎn)換的時(shí)候可能會(huì)對(duì)一些運(yùn)算的結(jié)果會(huì)感動(dòng)困惑，比如4 + true = 5。當(dāng)然，如果對(duì)隱式轉(zhuǎn)換了解足夠深刻，能夠提高對(duì)js的使用能力。這里分享一下，函數(shù)在隱式轉(zhuǎn)換中的一些規(guī)則
2021-06-06
JS獲取input[file]的值并顯示在頁(yè)面的實(shí)現(xiàn)方法
下面小編就為大家分享一篇JS獲取input[file]的值并顯示在頁(yè)面的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-03-03
封裝好的js判斷操作系統(tǒng)與瀏覽器代碼分享
這篇文章主要介紹了封裝好的js判斷操作系統(tǒng)與瀏覽器代碼分享,對(duì)于我們做系統(tǒng)、瀏覽器兼容非常有幫助，需要的朋友可以參考下
2015-01-01
js前端上傳文件縮略圖技巧示例詳解
這篇文章主要為大家介紹了js前端上傳文件縮略圖技巧示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
uniapp圖片展示自適應(yīng)等比例縮放方法舉例
這篇文章主要給大家介紹了關(guān)于uniapp圖片展示自適應(yīng)等比例縮放方法的相關(guān)資料,在uniapp頁(yè)面展示中會(huì)遇到圖片展示問(wèn)題,等比縮放或者自適應(yīng)view大小,需要的朋友可以參考下
2023-10-10