js上传并且预览图片
Posted webbky
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js上传并且预览图片相关的知识,希望对你有一定的参考价值。
<!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
以上是关于js上传并且预览图片的主要内容,如果未能解决你的问题,请参考以下文章