Access a file from a form using an input file element

Question

I want to access a file (for example, an image) using JavaScript with this form:

<form id="form" enctype="multipart/form-data"> <input type="file" size="40" value="" id="upload" name="upload"/> <input type="submit" id="submit" name="submit"/> </form> 

Is there any way to do this? I am trying to upload the image specified by the client to the hatml5 cavas element without sending it back to the server.

Answer 1

• http://www.matlus.com/html5-file-upload-with-progress/
• http://thinkvitamin.com/code/how-to-draw-with-html-5-canvas/
• http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html

hope this help.