绿豆饼 2020-01-11
图片 展示元素用 img 就可以 自动修复 不要用第三方的插件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>图片上传</title> </head> <body> <div style="height: 50px; line-height: 50px;text-align: center;border-bottom: 1px solid #171E28;"> 上传图片: <input type="file" accept="image/*" id="input" capture="camera" onchange="selectFileImage(this);" /> </div> <div style="margin-top: 10px;"> <img alt="preview" width="480px" src="" id="myImage"/> </div> <script> var input = document.getElementById(‘input‘); var preview = document.getElementById(‘myImage‘); input.onchange = function(e) { var file = this.files[0]; var reader = new FileReader(); reader.onload = function(e) { var data = e.target.result; preview.src = data; }; reader.readAsDataURL(file); } </script> </body> </html>