程式碼很簡單,常見的圖片格式都已加入驗證之中,小夥伴們可以直接拿去用的。 廢話少說,直接上代碼 複製程式碼 程式碼如下: ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> <br /> $(document).ready(function(){<br /> $("#form01").change( function(){<br /> var filepath=$("input[name='myFile']").val();<br /> var extStart=filepath.lastIndexOf(".");<br /> var ext=filepath.substring(extStart,filepath.length).toUpperCase();<br /> if(ext!=".BMP"&&ext!=".PNG"&&ext!=".GIF"&&ext!=".JPG"&&ext!=".JPEG"){<br /> alert("圖片限於bmp,png,gif,jpeg,jpg格式");<br /> return false;<br /> }else{$("#name01").text(ext)}<br /> var file_size = 0;<br /> if ( $.browser.msie) {<br /> var img=new Image();<br /> img.src=filepath;<br /> while(true){<br /> if(img.fileSize > 0){<br /> if(img.fileSize>3*1024*1024){<br /> alert("圖片不大於100MB。");<br /> }else{<br /> var num03 = img.fileSize/1024;<br /> num04 = num03.toFixed(2)<br /> $(".size02").text(num04 "KB");<br /> }<br /> break;<br /> }<br /> }<br /> } else {<br /> file_size = this.files[0].size;<br /> console.log(file_size/1024/1024 " MB");<br /> var size = file_size / 1024;<br /> if(size > 10240){<br /> alert("上傳的檔案大小不能超過10M!");<br /> }else{<br /> var num01 = file_size/1024;<br /> num02 = num01.toFixed(2)<br /> $("#size01").text(num02 " KB");<br /> }<br /> }<br /> return true;<br /> });<br /> });<br /> 無標題文件 以上程式碼超簡單,朋友們使用的時候自己記得美化下,這裡就不多做解釋了。