Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<input type="file" id="fileInput" accept="image/*"> <img id="preview" style="max-width:200px;"> <script> document.getElementById("fileInput").addEventListener("change", function() { const file = this.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = e => { document.getElementById("preview").src = e.target.result; }; reader.readAsDataURL(file); }); </script>
Result
Open