|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<title>PDF → JSON Debug View</title> |
|
|
<style> |
|
|
body { |
|
|
font-family: Arial, sans-serif; |
|
|
padding: 20px; |
|
|
background: #fafafa; |
|
|
} |
|
|
#output { |
|
|
margin-top: 20px; |
|
|
padding: 10px; |
|
|
background: #fff; |
|
|
border: 1px solid #ddd; |
|
|
white-space: pre-wrap; |
|
|
word-wrap: break-word; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<h2>Upload PDF and See Raw JSON Response</h2> |
|
|
<form id="pdfForm"> |
|
|
<input type="file" id="pdfFile" name="pdf_file" accept="application/pdf"> |
|
|
<button type="submit">Upload</button> |
|
|
</form> |
|
|
|
|
|
<div id="output">No data yet.</div> |
|
|
|
|
|
<script> |
|
|
document.getElementById('pdfForm').addEventListener('submit', async e => { |
|
|
e.preventDefault(); |
|
|
const fileInput = document.getElementById('pdfFile'); |
|
|
if (!fileInput.files[0]) { |
|
|
alert('Please choose a PDF.'); |
|
|
return; |
|
|
} |
|
|
|
|
|
const formData = new FormData(); |
|
|
formData.append('pdf_file', fileInput.files[0]); |
|
|
|
|
|
document.getElementById('output').textContent = 'Processing…'; |
|
|
|
|
|
try { |
|
|
const res = await fetch('/process_pdf', { |
|
|
method: 'POST', |
|
|
body: formData |
|
|
}); |
|
|
const data = await res.json(); |
|
|
|
|
|
document.getElementById('output').textContent = |
|
|
JSON.stringify(data, null, 2); |
|
|
} catch (err) { |
|
|
document.getElementById('output').textContent = |
|
|
`Fetch error:\n${err.message}`; |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
