OXIESEC PANEL
- Current Dir:
/
/
var
/
www
/
cream
/
hindiConverter
Server IP: 139.59.38.164
Upload:
Create Dir:
Name
Size
Modified
Perms
📁
..
-
06/17/2025 10:17:24 AM
rwxrwxr-x
📁
converted
-
03/17/2025 09:02:10 AM
rwxrwxrwx
📄
index.php
5.68 KB
05/19/2025 10:07:19 AM
rw-r--r--
📄
process_pdf.php
5.48 KB
05/19/2025 10:07:19 AM
rw-r--r--
📁
uploads
-
03/17/2025 10:25:25 AM
rwxrwxrwx
Editing: index.php
Close
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PDF Hindi Number Converter</title> <style> body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f5f5f5; } h1 { color: #333; text-align: center; } .container { background-color: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .form-group { margin-bottom: 15px; } label { display: block; margin-bottom: 5px; font-weight: bold; } input[type="file"] { display: block; width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; background-color: #f9f9f9; } button { background-color: #4CAF50; color: white; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } button:hover { background-color: #45a049; } #result { margin-top: 20px; padding: 15px; border: 1px solid #ddd; border-radius: 4px; background-color: #f9f9f9; min-height: 100px; display: none; } .loader { border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #3498db; width: 40px; height: 40px; animation: spin 2s linear infinite; margin: 20px auto; display: none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .success-message { color: green; text-align: center; margin: 10px 0; display: none; } .error-message { color: red; text-align: center; margin: 10px 0; display: none; } </style> </head> <body> <div class="container"> <h1>PDF Hindi Number Converter</h1> <p>Upload a PDF file to convert all numeric digits to Hindi numerals while preserving layout.</p> <form id="uploadForm" enctype="multipart/form-data"> <div class="form-group"> <label for="pdfFile">Select PDF File:</label> <input type="file" id="pdfFile" name="pdfFile" accept=".pdf" required> </div> <button type="submit">Convert Numbers</button> </form> <div class="loader" id="loader"></div> <div class="success-message" id="successMessage">Conversion completed successfully!</div> <div class="error-message" id="errorMessage"></div> <div id="result"> <p>Your converted PDF is ready for download:</p> <div id="downloadLink"></div> </div> </div> <script> document.getElementById('uploadForm').addEventListener('submit', function(e) { e.preventDefault(); const formData = new FormData(); const fileInput = document.getElementById('pdfFile'); if (fileInput.files.length === 0) { showError('Please select a PDF file to upload.'); return; } formData.append('pdfFile', fileInput.files[0]); // Show loader document.getElementById('loader').style.display = 'block'; document.getElementById('successMessage').style.display = 'none'; document.getElementById('errorMessage').style.display = 'none'; document.getElementById('result').style.display = 'none'; fetch('process_pdf.php', { method: 'POST', body: formData }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { // Hide loader document.getElementById('loader').style.display = 'none'; if (data.success) { document.getElementById('successMessage').style.display = 'block'; document.getElementById('result').style.display = 'block'; // Create download link const downloadDiv = document.getElementById('downloadLink'); downloadDiv.innerHTML = `<a href="${data.file}" download>Download Converted PDF</a>`; } else { showError(data.message || 'An error occurred during conversion.'); } }) .catch(error => { document.getElementById('loader').style.display = 'none'; showError('Error: ' + error.message); }); }); function showError(message) { const errorElement = document.getElementById('errorMessage'); errorElement.textContent = message; errorElement.style.display = 'block'; } </script> </body> </html>