以下是一个简单的JS代码示例,用于实现照片预览功能:
<!DOCTYPE html>
<html>
<head><title>Photo Preview</title><script>function previewPhoto(event) {var reader = new FileReader();reader.onload = function(){var preview = document.getElementById('preview');preview.src = reader.result;}reader.readAsDataURL(event.target.files[0]);}</script>
</head>
<body><input type="file" onchange="previewPhoto(event)"><br><img id="preview" src="" alt="Preview">
</body>
</html>
使用以上代码,当用户选择图片文件后,该图片将在页面上实现预览。