title: How to generate a thumbnail image after adding an image inside an input type="file" in a form and submitting them both on the same form
body: <p>I have a form which allows the user to upload a picture.
  After the user has submitted the form, I'd like to generate on the front-end a thumbnail for each picture and then store it on server.</p>
  
  <p>For security reason it's not possible to alter the value of a file input field, so how could I send to server some thumbnails images generated on the front-end in js? </p>
  
  <p>Is it possible on front-end to generate a thumbnail from the image set in the input file field before form submit? And then submitting both at same time?</p>