<!DOCTYPE html> <html> <head> <style> </style> </head> <body> <input id="inp" type='file'> <p id="b64"></p> <img id="img"> <script type="text/javascript"> function EL(id) { return document.getElementById(id); } // Get el by ID helper function function readFile() { if (this.files && this.files[0]) { var FR= new FileReader(); FR.onload = function(e) { EL("img").src = e.target.result; EL("b64").innerHTML = e.target.result; }; FR.readAsDataURL( this.files[0] ); } } EL("inp").addEventListener("change", readFile, false); </script> </body> </html> |