您好,登錄后才能下訂單哦!
這篇文章主要講解了jquery檢測上傳文件大小的方法,內容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。
google了很久,基本上都是用 activeX 來實現~至于為什么不行,這個不多說,說一下以下方法:
已經測試通過的瀏覽器:IE6+,firefox,chrome,其中 firefox 和 chrome 要能支持 HTML5。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <title>上傳</title> </head> <body> <form action="XXXXXX" method="POST" name="FileForm" enctype="multipart/form-data"> <div align="center"> 圖片: <input type="file" name="file1" size="20" id="file1" /> <input type="button" onclick="checkFile()" /></div> </form> </body> </html>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> var fileSize = 0; //文件大小 var SizeLimit = 1024; //上傳上限,單位:byte function checkFile() { var f = document.getElementById("file1"); //FOR IE if ($.browser.msie) { var img = new Image(); img.onload = checkSize; img.src = f.value; } //FOR Firefox,Chrome else { fileSize = f.files.item(0).size; checkSize(); } } //檢查文件大小 function checkSize() { //FOR IE FIX if ($.browser.msie) { fileSize = this.fileSize; } if (fileSize > SizeLimit) { alert('文件超過大小'); } else { document.FileForm.submit(); } } </script>
看完上述內容,是不是對jquery檢測上傳文件大小的方法有進一步的了解,如果還想學習更多內容,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。