以下是一個簡單的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>
使用以上代碼,當用戶選擇圖片文件后,該圖片將在頁面上實現預覽。