如何在上傳之前檢查圖像大小（例如1MB）

Question

在發送表單之前，有任何方法可以檢查圖像大小嗎？

我使用jquery.form

JS：

$(document).ready(function() { 
    var options = { 
     target:  '#myform', 
    }; 
    $('#myformbutton').click(function() { 
     $('#myform').ajaxSubmit(options); 
     return false; 
    }); 
}); 

HTML：

<form action="myaction" method="post" id="myform" enctype="multipart/form-data"> 
    <label for="id_title">Title</label> 
    <input id="id_title" type="text" name="title" maxlength="255" /> 
    <label for="id_image">Image</label> 
    <input type="file" name="image" id="id_image" /> 
    <input type="button" id="myformbutton" value="Add!" /> 
</form> 

Answer 1

我回答我的問題：

$(document).ready(function() { 
     $('#id_image').bind('change', function() { 
      if(this.files[0].size > 1000141){ 
       $('#formerror').html('File is too big'); 
       $('#myformbutton').hide(); 
      }else{ 
       $('#formerror').html(' '); 
       $('#myformbutton').show('slow'); 
      } 
     }); 
    }); 

和HTML：

 <div id="formerror"></div> 
     <form action="myaction" method="post" id="myform" enctype="multipart/form-data"> 
      <label for="id_title">Title</label> 
      <input id="id_title" type="text" name="title" maxlength="255" /> 
      <label for="id_image">Image</label> 
      <input type="file" name="image" id="id_image" /> 
      <input type="button" id="myformbutton" value="Add!" /> 
     </form> 

This Works。