js判斷文件格式及大小的簡單實例(必看)
更新時間：2016年10月11日 12:33:25 投稿：jingxian
下面小編就為大家?guī)硪黄猨s判斷文件格式及大小的簡單實例(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
//判斷照片大小
function getPhotoSize(obj){
photoExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//獲得文件后綴名
if(photoExt!='.jpg'){
alert("請上傳后綴名為jpg的照片!");
return false;
}
var fileSize = 0;
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
if (isIE && !obj.files) {
var filePath = obj.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
}else {
fileSize = obj.files[0].size;
}
fileSize=Math.round(fileSize/1024*100)/100; //單位為KB
if(fileSize>=10){
alert("照片最大尺寸為10KB，請重新上傳!");
return false;
}
}
jsp頁面：
<input type="file" id="imgFile" name="upload" style="width:150px;" onchange="getPhotoSize(this)"/>
以上就是小編為大家?guī)淼膉s判斷文件格式及大小的簡單實例(必看)全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
javascript 小數(shù)乘法結(jié)果錯誤的處理方法
下面小編就為大家?guī)硪黄猨avascript 小數(shù)乘法結(jié)果錯誤的處理方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
編寫高性能的JavaScript 腳本的加載與執(zhí)行
把腳本放在body中，當(dāng)瀏覽器遇見<script>標(biāo)簽時， 瀏覽器不知道腳本會插入文本還是html標(biāo)簽，因此瀏覽器會停止分析html頁面而去執(zhí)行腳本。2010-04-04
關(guān)于json字符串與實體之間的嚴(yán)格驗證代碼
在一個項目中要求嚴(yán)格驗證傳入的json字符串與定義的 類匹配，否則不記錄。后來查了好多資料才弄明白，下面小編給大家分享下關(guān)于json字符串與實體之間的嚴(yán)格驗證，感興趣的朋友一起看看吧2016-11-11
微信小程序中使用自定義字體的實現(xiàn)與體驗優(yōu)化
由于微信支持的字體非常有限,不能滿足個性化的需求,因此在開發(fā)的過程中可能會需要使用自定義字體,下面這篇文章主要給大家介紹了關(guān)于微信小程序中使用自定義字體的實現(xiàn)與體驗優(yōu)化的相關(guān)資料,需要的朋友可以參考下2022-02-02
JavaScript實現(xiàn)跑馬燈抽獎活動實例代碼解析與優(yōu)化（二）
這篇文章主要介紹了JavaScript實現(xiàn)跑馬燈抽獎活動實例代碼解析與優(yōu)化（二）的相關(guān)資料,需要的朋友可以參考下2016-02-02
獲取Javscript執(zhí)行函數(shù)名稱的方法
獲取Javscript執(zhí)行函數(shù)名稱的方法...2006-12-12
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)百度登錄框鼠標(biāo)拖拽效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JS實現(xiàn)數(shù)據(jù)動態(tài)渲染的豎向步驟條
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)數(shù)據(jù)動態(tài)渲染的豎向步驟條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
下面小編就為大家?guī)硪黄贐ootstrap分頁的實例講解(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
ES6 系列之 Generator 的自動執(zhí)行的方法示例
這篇文章主要介紹了ES6 系列之 Generator 的自動執(zhí)行的方法示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10