js上傳文件（圖片）的格式和大小限制

如果你想快速解決這個問題，看本文就夠了。查了好多資料，終於解決了，太耗時間了，本文留給給后來者，希望你們工作的更輕松

本文保存為.html文件用瀏覽器打開即可測試功能

 

<form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">
 <p><input type="hidden" name="MAX_FILE_SIZE" value="100000" /></p>
 <p><input name="userfile" id="userfile" type="file" onchange="check()"/></p>


</form>


<script language="javascript" type="text/javascript">
  function check()
    {
var aa=document.getElementById("userfile").value.toLowerCase().split('.');//以“.”分隔上傳文件字符串
   // var aa=document.form1.userfile.value.toLowerCase().split('.');//以“.”分隔上傳文件字符串
       
    if(document.form1.userfile.value=="")
    {
        alert('圖片不能為空！');
        return false;
    }
    else
    {
    if(aa[aa.length-1]=='gif'||aa[aa.length-1]=='jpg'||aa[aa.length-1]=='bmp'

||aa[aa.length-1]=='png'||aa[aa.length-1]=='jpeg')//判斷圖片格式
    {
var imagSize =  document.getElementById("userfile").files[0].size;
alert("圖片大小："+imagSize+"B")
if(imagSize<1024*1024*3)
        alert("圖片大小在3M以內，為："+imagSize/(1024*1024)+"M");
        return true;
    }
    else
    {
        alert('請選擇格式為*.jpg、*.gif、*.bmp、*.png、*.jpeg 的圖片');//jpg和jpeg格式是一樣的只是系統Windows認jpg，Mac OS認jpeg，

//二者區別自行百度
        return false;
    }
    }
    }
  </script>