javascript實現(xiàn)獲取指定精度的上傳文件的大小簡單實例
更新時間：2016年10月25日 09:38:26 投稿：jingxian
下面小編就為大家?guī)硪黄猨avascript實現(xiàn)獲取指定精度的上傳文件的大小簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
js實現(xiàn)獲取指定精度的上傳文件的大小，主要采用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;//獲得文件大小并轉(zhuǎn)化為KB單位,采用默認(rèn)的精度
document.write("文件大小: "+len.toFixed(2)+"KB");//輸出指定精度的文件大小,這里是精度是兩位小數(shù)
}
</script>
</body>
</html>
以上就是小編為大家?guī)淼膉avascript實現(xiàn)獲取指定精度的上傳文件的大小簡單實例全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
ES5 ES6中Array對象去除重復(fù)項的方法總結(jié)
這篇文章主要給大家介紹了Array對象去除重復(fù)項的相關(guān)資料，文中通過示例代碼詳細(xì)介紹了在ES5和ES6中Array對象去除重復(fù)項的方法，需要的朋友可以參考借鑒，下面來一起看看吧。2017-04-04
現(xiàn)在有一段12行的JavaScript代碼，可以讓firefox、chrome、safari瀏覽器崩潰，而且還能讓iphone重啟、安卓閃退，本文作者對于該12行代碼進行了分析解讀并且提出了相應(yīng)的防御辦法，歡迎大家一同探討。有需要的朋友們可以參考借鑒。2016-10-10
這篇文章主要介紹了JS實現(xiàn)的豎向折疊菜單代碼,涉及JavaScript動態(tài)遍歷頁面元素及樣式修改的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了原生javascript實現(xiàn)圖片無縫滾動效果的相關(guān)資料,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了javascript定時器完整實現(xiàn)方法,以實例形式分析了定時器的嵌套調(diào)用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
ES6（ECMAScript2015）的出現(xiàn)，無疑給前端開發(fā)人員帶來了新的驚喜，它包含了一些很棒的新特性，可以更加方便的實現(xiàn)很多復(fù)雜的操作，提高開發(fā)人員的效率。JS社區(qū)的每個人都喜歡新的API、語法以及一些簡單、明了更高效的完成重要任務(wù)的新特性。下面來一起看看吧。2016-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)動態(tài)表格效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
本文主要分享了js+div+css下拉導(dǎo)航菜單的完整代碼。可直接復(fù)制保存到HTML文件就可以體驗效果。下面跟著小編一起來看下吧2016-12-12
條件表達式，是我們在coding過程中永遠躲不開的問題，也是我們騙代碼行數(shù)最方便的東西，但作為一名程序員，我們也要追求自己的“信達雅”，下面就讓我們看看以下幾種常見的條件表達場景，如何寫的漂亮！2021-05-05
這篇文章主要介紹了JS添加或刪除HTML dom元素的方法,結(jié)合實例形式分析了javascript針對HTML DOM元素節(jié)點的創(chuàng)建、追加、刪除等相關(guān)操作技巧與注意事項,需要的朋友可以參考下2019-03-03