html部分代码:
<span>图片</span> <img src="" id="imgs"> //预览图片出现的位置 <input type="file" οnchange="previewFile()" name="img">
js部分代码:
<script>
//图片预览 function previewFile() { var preview = document.getElementById('imgs'); var file = document.querySelector('input[type=file]').files[0]; var reader = new FileReader(); reader.onloadend = function () { preview.src = reader.result; } if (file) { reader.readAsDataURL(file); } else { preview.src = ""; } } </script>