JavaScript预览图片
Posted demo_you
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript预览图片相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>图片本地预览示例</title> </head> <body> <h3>图片本地预览示例</h3> <input type="file" accept="image/*" onchange="loadFile(event)" /> <img id="previewContainer" src="" /> <script> const output = document.querySelector("#previewContainer"); const loadFile = function (event) { const reader = new FileReader(); reader.onload = function () { console.log(reader); output.src = reader.result; }; reader.readAsDataURL(event.target.files[0]); }; </script> </body> </html>
以上是关于JavaScript预览图片的主要内容，如果未能解决你的问题，请参考以下文章