在上传/ POST之前显示从文件加载的图像

Question

I have the following html code to upload an image:

<input type="file" name="before"  size="40">
<input type="hidden" name="MAX_FILE_SIZE" value="10000000">

and I want to show the image that the user uploads before it's actually processed in the backend. How do I do this?

Basically what I want to do is to upload an image from an image in your computer and show it so it can be cropped using jCrop and then process the image in the backend

Answer 1

• Save the file on post back like normal
• During postback
  • Add link to image on page
  • Add javascript to 'onload' that calls another page to handle processing of image