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