Fingerprint Sdk Sample With Php Javascript Download File
// Load saved fingerprints list async function loadSavedFingerprints() const listDiv = document.getElementById('savedList');
<script src="https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs@3/dist/fp.min.js"></script> <script src="fingerprint.js"></script> </body> </html> // Initialize FingerprintJS let fpPromise = null; async function initFingerprint() if (!fpPromise) fpPromise = FingerprintJS.load();
// CSV Headers fputcsv($output, ['Visitor ID', 'Timestamp', 'IP Address', 'User Agent', 'Language', 'Platform']);
.loading color: #718096; text-align: center; fingerprint sdk sample with php javascript download
.result margin-top: 20px; padding: 15px; border-radius: 5px; background: #f7fafc;
body font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px;
// Generate unique filename $filename = $dataDir . 'fingerprint_' . $input['visitorId'] . '_' . date('Ymd_His') . '.json'; date('Ymd_His')
fclose($output); else // Download as JSON header('Content-Type: application/json'); header('Content-Disposition: attachment; filename="fingerprints_' . date('Ymd_His') . '.json"');
.btn.secondary:hover background: #38a169; transform: translateY(-2px);
// Save to backend const saveResponse = await fetch('save_fingerprint.php', method: 'POST', headers: 'Content-Type': 'application/json' , body: JSON.stringify(fingerprintData) ); date('Ymd_His') . '.json"')
if (saveResult.success) resultDiv.innerHTML = ` <div class="success"> ✅ Fingerprint saved successfully!<br> <strong>Visitor ID:</strong> $fingerprintData.visitorId<br> <strong>Time:</strong> $fingerprintData.timestamp </div> `; loadSavedFingerprints(); else resultDiv.innerHTML = `<div class="error">❌ Error: $saveResult.message</div>`; catch (error) resultDiv.innerHTML = `<div class="error">❌ Error: $error.message</div>`;
try const fp = await initFingerprint(); const result = await fp.get(); const fingerprintData = visitorId: result.visitorId, components: result.components, timestamp: new Date().toISOString(), userAgent: navigator.userAgent, language: navigator.language, platform: navigator.platform ;
.file-size color: #718096; font-size: 12px; margin-left: 10px;
// Event Listeners document.getElementById('captureBtn').addEventListener('click', captureFingerprint); document.getElementById('downloadBtn').addEventListener('click', downloadAsJSON); document.getElementById('downloadCsvBtn').addEventListener('click', downloadAsCSV);
