title: How to validate image size in each upload
body: <p>I'm trying to upload the images which is greater than 900 pixels. so i do validate when upload. I have the plus sign when we click this another file button will appear. </p>
  
  <p>The first input box values only i got. I couldn't get another files.</p>
  
  <pre><code> &lt;input type="file" id="upload_profile" class="upload_profile" name="upload_profile[]" /&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>var _URL = window.URL || window.webkitURL;
  $(".upload_profile").change(function(e) {
  var file, img;
  if ((file = this.files[0])) {
      img = new Image();
      img.onload = function() {
          alert(this.width + " " + this.height);
      };
      img.onerror = function() {
          alert( "not a valid file: " + file.type);
      };
      img.src = _URL.createObjectURL(file);
  }
  });
  </code></pre>