title: How to correctly handle large images uploads that will be rezised
body: <p>I'm wondering how you could approach the next scenario the best:</p>
  
  <blockquote>
    <p>An user has no clue what the size of an image is and just tries to
    upload a file with a size of more than 10MB on a website.</p>
  </blockquote>
  
  <p>We as developers know that this would be a very unwise in certain scopes because of page loading times, bandwith usage, storage space, etc.</p>
  
  <p>Now i thought i could resize the image before uploading it to a server. Let's say i would resize the image to <code>600x600</code>.</p>
  
  <hr/>
  
  <p><strong>My question is:</strong></p>
  
  <blockquote>
    <p>Is there any method that allows the image to be resized before the file will be uploaded and will most likely not result in a 500 error? Good thing to notice it has to work on all browsers and even IE8+ if possible.</p>
  </blockquote>
  
  <p>Any ideas,approaches or solutions are welcome. I thought about using <code>jQuery-File-Upload</code> but i think you also will have to send the image to the client first before the resizing can take place and will most likely crash the browser? I'm not sure how to approach this case.</p>