想飛就別怕摔

          大爺的并TM罵人

          驗證上傳File的類型與大小的js

           1     function checkForm(){
           2         str = document.getElementById("filePic").value.toLowerCase();
           3         var ext = str.split(".");
           4         var type = fileType.split(",");
           5         for(var i=0;i<type.length;i++){
           6             if(ext[1]==type[i]){
           7                isTypeRight=true;
           8             }
           9         }
          10         if(isTypeRight){
          11             var boolSize = checkSize(str);
          12             if(boolSize){
          13               
          14             }else{
          15                alert("請注意!上傳的圖片太大,不能超過"+fileMaxSize+"KB");
          16             }
          17         }else{
          18             isTypeRight = false;
          19             alert("請注意!上傳的類型不是"+type+"中的一種");
          20         }
          21     }
          22    
          23     function checkSize(fileName){
          24         var img = new Image();
          25         img.src=str;
          26         var fso=new ActiveXObject("Scripting.FileSystemObject");
          27         var fsize=fso.GetFile(fileName).Size;
          28         alert(fsize);
          29         if(img.readyState!="complete"){
          30            isTypeRight=false;
          31            return false;
          32         }else{
          33            if(fsize>fileMaxSize){
          34                isTypeRight=false;
          35                return false;
          36            }else{
          37                isTypeRight=false;
          38                return true;
          39            }
          40         }
          41     }
          42 </script>
          <script language=javascript>
          /*
          -----------------------------------------
                 文件上傳前臺控制檢測程序 v0.5

            檢測上傳文件類型

           檢測圖片文件格式是否正確
           檢測圖片文件大小
           檢測圖片文件寬度
           檢測圖片文件高度
           
            For 51js.com Author:333 Date:2005/08/26
                        UpDate:2005/08/27
           ------------------------------------------
          */

          var ImgObj
          =new Image();            //建立一個圖像對象
          var AllImgExt=".jpg|.jpeg|.gif|"//全部圖片格式類型
          var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg//全局變量 圖片相關屬性

          //以下為限制變量
          var AllowExt=".jpg|.gif|.doc|.txt|.midi|.jpeg|.mid|"    //允許上傳的文件類型 ?為無限制 每個擴展名后邊要加一個"|" 小寫字母表示
          //var AllowExt=0
          var AllowImgFileSize=0;        //允許上傳圖片文件的大小 0為無限制  單位:KB 
          var AllowImgWidth="?";            //允許上傳的圖片的寬度 ?為無限制 單位:px(像素)
          var AllowImgHeight="?";            //允許上傳的圖片的高度 ?為無限制 單位:px(像素)

          function CheckProperty(obj)        
          //檢測圖像屬性
          {
            FileObj
          =obj;
            
          if(ErrMsg!="")            //檢測是否為正確的圖像文件 返回出錯信息并重置
            {
              FileObj.outerHTML
          =FileObj.outerHTML;
              alert(ErrMsg);
              
          return false;            //返回
            }

            
          if(ImgObj.readyState!="complete")    //如果圖像是未加載完成進行循環檢測
            {
              setTimeout(
          "CheckProperty(FileObj)",500);
              
          return false;
            }

            ImgFileSize
          =Math.round(ImgObj.fileSize/1024);//取得圖片文件的大小
            ImgWidth=ImgObj.width            //取得圖片的寬度
            ImgHeight=ImgObj.height;        //取得圖片的高度

            
          if(AllowImgWidth!=0&&AllowImgWidth<ImgWidth)
              ErrMsg
          =ErrMsg+"\n圖片寬度超過限制。請上傳寬度小于"+AllowImgWidth+"px的文件,當前圖片寬度為"+ImgWidth+"px";

            
          if(AllowImgHeight!=0&&AllowImgHeight<ImgHeight)
              ErrMsg
          =ErrMsg+"\n圖片高度超過限制。請上傳高度小于"+AllowImgHeight+"px的文件,當前圖片高度為"+ImgHeight+"px";

            
          if(AllowImgFileSize!=0&&AllowImgFileSize<ImgFileSize)
              ErrMsg
          =ErrMsg+"\n圖片文件大小超過限制。請上傳小于"+AllowImgFileSize+"KB的文件,當前文件大小為"+ImgFileSize+"KB";

            
          if(ErrMsg!="")            //返回出錯信息并重置
            {
              FileObj.outerHTML
          =FileObj.outerHTML;
              alert(ErrMsg);
            }
          }

          ImgObj.onerror
          =function(){ErrMsg='\n圖片格式不正確或者圖片已損壞!'}

          function CheckExt(obj)
          {
            ErrMsg
          =""
            FileExt
          =obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
            
          if(AllowExt!=0&&AllowExt.indexOf(FileExt+"|")==-1)    //判斷文件類型是否允許上傳
            {
              ErrMsg
          ="該文件類型不允許上傳。請上傳 "+AllowExt+" 類型的文件,當前文件類型為"+FileExt;
              obj.outerHTML
          =obj.outerHTML;
              alert(ErrMsg);
              
          return false;
            }
            
          if(AllImgExt.indexOf(FileExt+"|")!=-1)        //如果圖片文件,則進行圖片信息處理
            {
              ImgObj.src
          =obj.value;
              CheckProperty(obj);
              
          return false;
            }
          }

          </script>

          posted on 2011-06-10 16:05 生命的綻放 閱讀(1865) 評論(0)  編輯  收藏 所屬分類: js&&JQuery&&Ajax

          <2011年6月>
          2930311234
          567891011
          12131415161718
          19202122232425
          262728293012
          3456789

          導航

          統計

          常用鏈接

          留言簿(5)

          隨筆分類(94)

          隨筆檔案(93)

          文章分類(5)

          文章檔案(5)

          相冊

          JAVA之橋

          SQL之音

          兄弟之窗

          常用工具下載

          積分與排名

          最新評論

          閱讀排行榜

          主站蜘蛛池模板: 锦屏县| 富民县| 饶阳县| 牙克石市| 桐城市| 启东市| 长寿区| 宁德市| 肇庆市| 阿拉善盟| 北碚区| 鄯善县| 鲜城| 镇原县| 阿克苏市| 灵丘县| 板桥市| 高雄县| 东源县| 分宜县| 滦平县| 盐津县| 万盛区| 盐池县| 韶山市| 晋中市| 儋州市| 鄂尔多斯市| 延寿县| 丰原市| 齐齐哈尔市| 始兴县| 枣强县| 阜宁县| 武平县| 全州县| 洪江市| 宜川县| 汽车| 乌拉特后旗| 南丰县|