<noframes id="pfp5n">

<form id="pfp5n"></form>
<noframes id="pfp5n">
<noframes id="pfp5n"><form id="pfp5n"></form>
<address id="pfp5n"><form id="pfp5n"><nobr id="pfp5n"></nobr></form></address>
<form id="pfp5n"></form>

    <listing id="pfp5n"></listing>

    <listing id="pfp5n"></listing>
          您當前的位置:首頁 > 建站常識 > javascript

          客戶端js判斷文件類型和文件大小即限制上傳大小

          2015-10-10

            由于項目需要!需要腳本在客戶端判斷大小和文件類型!自己網上找資料找的好辛苦!索性自己寫了一個并測試 文件上傳大小限制的一個例子,兼容ie6,ie7,ie8 ,Google Chrome,ff等瀏覽器。1pM七七世界-網站建設|UI設計|人資系統|二次開發

            <html>1pM七七世界-網站建設|UI設計|人資系統|二次開發

            <head>1pM七七世界-網站建設|UI設計|人資系統|二次開發

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />1pM七七世界-網站建設|UI設計|人資系統|二次開發

            <script type="text/javascript">1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var isIE = /msie/i.test(navigator.userAgent) && !window.opera;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            function fileChange(target,id) {1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var fileSize = 0;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var filetypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"];1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var filepath = target.value;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var filemaxsize = 1024*2;//2M1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if(filepath){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var isnext = false;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var fileend = filepath.substring(filepath.indexOf("."));1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if(filetypes && filetypes.length>0){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            for(var i =0; i<filetypes.length;i++){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if(filetypes[i]==fileend){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            isnext = true;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            break;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if(!isnext){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            alert("不接受此文件類型!");1pM七七世界-網站建設|UI設計|人資系統|二次開發

            target.value ="";1pM七七世界-網站建設|UI設計|人資系統|二次開發

            return false;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }else{1pM七七世界-網站建設|UI設計|人資系統|二次開發

            return false;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if (isIE && !target.files) {1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var filePath = target.value;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var fileSystem = new ActiveXObject("Scripting.FileSystemObject");1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if(!fileSystem.FileExists(filePath)){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            alert("附件不存在,請重新輸入!");1pM七七世界-網站建設|UI設計|人資系統|二次開發

            return false;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var file = fileSystem.GetFile (filePath);1pM七七世界-網站建設|UI設計|人資系統|二次開發

            fileSize = file.Size;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            } else {1pM七七世界-網站建設|UI設計|人資系統|二次開發

            fileSize = target.files[0].size;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            var size = fileSize / 1024;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if(size>filemaxsize){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            alert("附件大小不能大于"+filemaxsize/1024+"M!");1pM七七世界-網站建設|UI設計|人資系統|二次開發

            target.value ="";1pM七七世界-網站建設|UI設計|人資系統|二次開發

            return false;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            if(size<=0){1pM七七世界-網站建設|UI設計|人資系統|二次開發

            alert("附件大小不能為0M!");1pM七七世界-網站建設|UI設計|人資系統|二次開發

            target.value ="";1pM七七世界-網站建設|UI設計|人資系統|二次開發

            return false;1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            }1pM七七世界-網站建設|UI設計|人資系統|二次開發

            </script>1pM七七世界-網站建設|UI設計|人資系統|二次開發

            </head>1pM七七世界-網站建設|UI設計|人資系統|二次開發

            <body>1pM七七世界-網站建設|UI設計|人資系統|二次開發

            <input type="file" name="contractFileName" style="width: 500px;" onchange="fileChange(this);"/>1pM七七世界-網站建設|UI設計|人資系統|二次開發

            </body>1pM七七世界-網站建設|UI設計|人資系統|二次開發

            </html>1pM七七世界-網站建設|UI設計|人資系統|二次開發

          本文關鍵詞:大小  文件  客戶端  限制  類型  和文  腳本  例子  瀏覽器  測試  

          一切精彩源自七七網絡!我們傾力打造時尚潮流第一線!

          ? 2012-2024七七世界網站建設     20707.net 1125w.com 版權所有     豫ICP備14018694號-1

          人成久久影院,和小姪女保持性关系故事,亚洲综合色欲色欲综合网站
          <noframes id="pfp5n">

          <form id="pfp5n"></form>
          <noframes id="pfp5n">
          <noframes id="pfp5n"><form id="pfp5n"></form>
          <address id="pfp5n"><form id="pfp5n"><nobr id="pfp5n"></nobr></form></address>
          <form id="pfp5n"></form>

            <listing id="pfp5n"></listing>

            <listing id="pfp5n"></listing>