<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src = "jquery.js"></script> </head> <body> <input id="upload" type="file" name="files" /> <div id = "box"> </div> <script type="text/javascript"> var upload = document.getElementById('upload'); upload.addEventListener('change', function() { var file = upload.files[0]; console.log(file.size); var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { // var img = new Image(); // img.src = this.result; // console.log(this.result); src = this.result; $('#box').append( "<img src ="+src+ ">" ) }; }, false); </script> </body> </html>
http://www.open-open.com/lib/view/open1456113131948.html