快捷導航

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)文章

詳解GoJs節(jié)點的折疊展開實現(xiàn)
這篇文章主要為大家介紹了GoJs節(jié)點的折疊展開實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05
js實現(xiàn)prototype擴展的方法(字符串,日期,數(shù)組擴展)
這篇文章主要介紹了js實現(xiàn)prototype擴展的方法,實例分析了JavaScript針對字符串、日期、數(shù)組等的prototype擴展相關(guān)技巧,需要的朋友可以參考下
2016-01-01
JS如何在字符串指定位置插入字符串
文章介紹了JavaScript中如何在字符串的指定位置插入字符串,主要通過`slice`方法來實現(xiàn),`slice`方法可以根據(jù)起始和結(jié)束索引來提取字符串的一部分,文章還補充說明了如何在字符串的指定位置插入字符串,以及提供了相關(guān)代碼示例
2025-01-01
JavaScript頁面回流與重繪
這篇文章主要介紹了JavaScript頁面回流與重繪,一個html頁面是一個整體，當這個整體中的某一個部分發(fā)生改變，那么這個頁面整體會重新進行渲染，而如果我們采用添加標簽的方式，每次添加一個標簽，就會讓每一次頁面都重新渲染，性能急劇下降,下面來看看具體內(nèi)容吧
2022-01-01
CKEditor擴展插件：自動排版功能autoformat插件實現(xiàn)方法詳解
這篇文章主要介紹了CKEditor擴展插件：自動排版功能autoformat插件實現(xiàn)方法,結(jié)合實例形式詳細分析了CKEditor擴展插件實現(xiàn)自動排版功能的autoformat插件具體定義、配置與使用技巧,需要的朋友可以參考下
2020-02-02
自己的js工具 Event封裝
說到瀏覽器中的event,相信不少人都很頭疼,ie的event大部分時候都可以獲取到
2009-08-08
打造通用的勻速運動框架(實例講解)
下面小編就為大家?guī)硪黄蛟焱ㄓ玫膭蛩龠\動框架(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
document.createElement("A")比較不錯的屬性
document.createElement("A")比較不錯的屬性...
2007-08-08
純css下拉菜單無需js
這篇文章主要為大家詳細介紹了純css下拉菜單代碼，無需js，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
JavaScript和jquery獲取父級元素、子級元素、兄弟元素的方法
本文給大家簡單總結(jié)了下JavaScript和jquery獲取父級元素、子級元素、兄弟元素的方法，非常的簡單實用，有需要的小伙伴可以參考下
2016-06-06