Estiliza pagina de upload externo - responsiva (novo47)

This commit is contained in:
rodrigo committed 2025-02-07 12:59:53 -03:00
1 parent 05cd7b9c79
commit 2ce717d804
8 files changed
+419 -13

No files matched your search

+100
View File
@@ -0,0 +1,100 @@
import cv2
import numpy as np
import sys
import json
from pathlib import Path
import os
from PIL import Image
def order_points(pts):
rect = np.zeros((4, 2), dtype="float32")
s = pts.sum(axis=1)
rect[0] = pts[np.argmin(s)]
rect[2] = pts[np.argmax(s)]
diff = np.diff(pts, axis=1)
rect[1] = pts[np.argmin(diff)]
rect[3] = pts[np.argmax(diff)]
return rect
def process_document(image_path, doc_type, output_dir):
try:
# Carrega e verifica a imagem
image = cv2.imread(str(image_path))
if image is None:
raise Exception("Não foi possível carregar a imagem")
original = image.copy()
# Pré-processamento
gray = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)
blurred = cv2.GaussianBlur(gray, (5, 5), 0)
edges = cv2.Canny(blurred, 50, 150)
# Encontra contornos
contours, _ = cv2.findContours(edges, cv2.RETR_EXTERNAL, cv2.CHAIN_APPROX_SIMPLE)
if not contours:
raise Exception("Nenhum contorno encontrado")
# Ordena contornos por área
contours = sorted(contours, key=cv2.contourArea, reverse=True)
doc_corners = None
# Procura o documento
for contour in contours:
peri = cv2.arcLength(contour, True)
approx = cv2.approxPolyDP(contour, 0.02 * peri, True)
if len(approx) == 4:
doc_corners = approx
break
if doc_corners is None:
raise Exception("Documento não encontrado")
# Processa cantos e aplica transformação
doc_corners = doc_corners.reshape(4, 2)
ordered_corners = order_points(doc_corners)
(tl, tr, br, bl) = ordered_corners
widthA = np.linalg.norm(br - bl)
widthB = np.linalg.norm(tr - tl)
maxWidth = max(int(widthA), int(widthB))
heightA = np.linalg.norm(tr - br)
heightB = np.linalg.norm(tl - bl)
maxHeight = max(int(heightA), int(heightB))
dst = np.array([
[0, 0],
[maxWidth - 1, 0],
[maxWidth - 1, maxHeight - 1],
[0, maxHeight - 1]
], dtype="float32")
# Aplica transformação perspectiva
matrix = cv2.getPerspectiveTransform(ordered_corners, dst)
warped = cv2.warpPerspective(original, matrix, (maxWidth, maxHeight))
# Salva resultado
output_path = os.path.join(output_dir, f"{doc_type}_{Path(image_path).name}")
cv2.imwrite(str(output_path), warped)
return {
"success": True,
"message": "Processamento concluído com sucesso",
"width": maxWidth,
"height": maxHeight
}
except Exception as e:
return {
"success": False,
"message": str(e)
}
if __name__ == "__main__":
if len(sys.argv) != 4:
print(json.dumps({"success": False, "message": "Uso: python document_detector.py <input_path> <doc_type> <output_dir>"}))
sys.exit(1)
result = process_document(Path(sys.argv[1]), sys.argv[2], Path(sys.argv[3]))
print(json.dumps(result))
+85
View File
@@ -0,0 +1,85 @@
<?php
if (!isset($_SESSION['user_id'])) {
header("Location: login.php");
exit();
}
// Conectar ao banco de dados
$mysqli = new mysqli("10.15.0.42", "root", "34641747", "valida");
if ($mysqli->connect_error) {
die("Connection failed: " . $mysqli->connect_error);
}
// Buscar histórico de documentos processados
$query = "SELECT pd.*, u.username FROM processed_documents pd
LEFT JOIN users u ON pd.user_id = u.id
ORDER BY pd.created_at DESC";
$result = $mysqli->query($query);
?>
<div class="container">
<h2>Histórico de Documentos Processados</h2>
<table class="data-table">
<thead>
<tr>
<th>Data/Hora</th>
<th>Usuário</th>
<th>Documento Original</th>
<th>Documento Processado</th>
<th>Ações</th>
</tr>
</thead>
<tbody>
<?php while ($row = $result->fetch_assoc()): ?>
<tr>
<td><?php echo date('d/m/Y H:i:s', strtotime($row['created_at'])); ?></td>
<td><?php echo htmlspecialchars($row['username']); ?></td>
<td>
<a href="<?php echo htmlspecialchars($row['original_path']); ?>" target="_blank">
Ver Original
</a>
</td>
<td>
<a href="<?php echo htmlspecialchars($row['processed_path']); ?>" target="_blank">
Ver Processado
</a>
</td>
<td>
<button onclick="deleteDocument(<?php echo $row['id']; ?>)" class="delete-btn">
Excluir
</button>
</td>
</tr>
<?php endwhile; ?>
</tbody>
</table>
</div>
<script>
function deleteDocument(id) {
if (confirm('Tem certeza que deseja excluir este documento?')) {
fetch('delete_document.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({id: id})
})
.then(response => response.json())
.then(data => {
if (data.success) {
alert('Documento excluído com sucesso!');
location.reload();
} else {
alert('Erro ao excluir documento: ' + data.message);
}
})
.catch(error => {
console.error('Error:', error);
alert('Erro ao excluir documento');
});
}
}
</script>
+41 -12
View File
@@ -2,9 +2,10 @@
ob_start(); ob_start();
session_start(); session_start();
require_once 'config.php';
// Verificar se o usuário está logado // Verificar se o usuário está logado
if (!isset($_SESSION['user_id'])) { if (!isset($_SESSION['user_id']) && !in_array($_GET['page'], ['login', 'logout'])) {
header("Location: login.php"); header("Location: login.php");
exit(); exit();
} }
@@ -32,28 +33,56 @@ include 'top_menu.php';
<?php <?php
if (isset($_GET['page'])) { if (isset($_GET['page'])) {
$page = $_GET['page']; $page = $_GET['page'];
if ($page == 'upload') { switch($page) {
case 'upload':
include 'prova/upload_prova.php'; include 'prova/upload_prova.php';
} elseif ($page == 'status') { break;
case 'status':
include 'prova/status.php'; include 'prova/status.php';
} elseif ($page == 'list_files') { break;
case 'list_files':
include 'prova/list_files.php'; include 'prova/list_files.php';
} elseif ($page == 'register_client') { break;
case 'register_client':
include 'clientes/register_client.php'; include 'clientes/register_client.php';
} elseif ($page == 'list_clients') { break;
case 'list_clients':
include 'clientes/list_clients.php'; include 'clientes/list_clients.php';
} elseif ($page == 'client_details' && isset($_GET['id'])) { break;
case 'client_details':
if (isset($_GET['id'])) {
include 'clientes/client_details.php'; include 'clientes/client_details.php';
} elseif ($page == 'edit_client' && isset($_GET['id'])) { }
break;
case 'edit_client':
if (isset($_GET['id'])) {
include 'clientes/edit_client.php'; include 'clientes/edit_client.php';
} elseif ($page == 'delete_client' && isset($_GET['id'])) { }
break;
case 'delete_client':
if (isset($_GET['id'])) {
include 'clientes/delete_client.php'; include 'clientes/delete_client.php';
} elseif ($page == 'edit_note' && isset($_POST['id'])) { }
break;
case 'edit_note':
if (isset($_POST['id'])) {
include 'clientes/edit_note.php'; include 'clientes/edit_note.php';
} elseif ($page == 'delete_note' && isset($_POST['id'])) { }
break;
case 'delete_note':
if (isset($_POST['id'])) {
include 'clientes/delete_note.php'; include 'clientes/delete_note.php';
} else { }
break;
case 'doc_upload':
include 'upload.php';
break;
case 'doc_list':
include 'list.php';
break;
default:
echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>"; echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>";
break;
} }
} else { } else {
echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>"; echo "<h2>Bem-vindo ao Sistema de Ferramentas</h2>";
+36
View File
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>Documentos Processados</title>
<meta charset="utf-8">
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.file-list { max-width: 800px; margin: 0 auto; }
.file-item { padding: 10px; border-bottom: 1px solid #eee; }
</style>
</head>
<body>
<div class="file-list">
<h2>Documentos Processados</h2>
<?php
$processed_dir = "processed/";
$files = glob($processed_dir . "*.*");
if (count($files) > 0) {
foreach($files as $file) {
$name = basename($file);
$date = date("d/m/Y H:i:s", filemtime($file));
echo "<div class='file-item'>";
echo "<strong>$name</strong><br>";
echo "Processado em: $date<br>";
echo "<a href='$file' target='_blank'>Visualizar</a>";
echo "</div>";
}
} else {
echo "<p>Nenhum documento processado ainda.</p>";
}
?>
<p><a href="index.php?page=doc_upload">Voltar para upload</a></p>
</div>
</body>
</html>
+8 -1
View File
@@ -12,7 +12,7 @@ if (!isset($_SESSION['user_id'])) {
<li> <li>
<a href="javascript:void(0);" onclick="toggleSubmenu('submenu1')">Autenticador de Provas Digitais</a> <a href="javascript:void(0);" onclick="toggleSubmenu('submenu1')">Autenticador de Provas Digitais</a>
<ul id="submenu1" class="submenu"> <ul id="submenu1" class="submenu">
<li><a href="index.php?page=upload">Upload de Arquivos</a></li> <li><a href="/prova/upload_prova.php">Upload de Arquivos</a></li>
<li><a href="index.php?page=status">Ver Status</a></li> <li><a href="index.php?page=status">Ver Status</a></li>
<li><a href="index.php?page=list_files">Lista de Arquivos Processados</a></li> <li><a href="index.php?page=list_files">Lista de Arquivos Processados</a></li>
</ul> </ul>
@@ -24,6 +24,13 @@ if (!isset($_SESSION['user_id'])) {
<li><a href="index.php?page=list_clients">Listagem de Clientes</a></li> <li><a href="index.php?page=list_clients">Listagem de Clientes</a></li>
</ul> </ul>
</li> </li>
<li>
<a href="javascript:void(0);" onclick="toggleSubmenu('submenu3')">Processador de Documentos</a>
<ul id="submenu3" class="submenu">
<li><a href="index.php?page=doc_upload">Upload de Documentos</a></li>
<li><a href="index.php?page=doc_list">Documentos Processados</a></li>
</ul>
</li>
<!-- Adicione mais ferramentas aqui --> <!-- Adicione mais ferramentas aqui -->
</ul> </ul>
</div> </div>
+28
View File
@@ -0,0 +1,28 @@
<?php
$upload_dir = "uploads/";
$processed_dir = "processed/";
// Criar diretórios se não existirem
if (!file_exists($upload_dir)) mkdir($upload_dir, 0777, true);
if (!file_exists($processed_dir)) mkdir($processed_dir, 0777, true);
if ($_FILES["document"]["error"] == 0) {
$temp = $_FILES["document"]["tmp_name"];
$name = basename($_FILES["document"]["name"]);
$doc_type = $_POST["doc_type"];
// Salvar arquivo original
$original_path = $upload_dir . $name;
move_uploaded_file($temp, $original_path);
// Chamar script Python
$output = array();
$command = "python document_detector.py " . escapeshellarg($original_path) . " " .
escapeshellarg($doc_type) . " " . escapeshellarg($processed_dir);
exec($command, $output);
header("Location: list.php?status=success");
} else {
header("Location: upload.php?error=1");
}
?>
+47
View File
@@ -209,3 +209,50 @@ textarea {
#search-button:hover { #search-button:hover {
background-color: #0056b3; background-color: #0056b3;
} }
/* Estilos para processamento de documentos */
.upload-form {
max-width: 600px;
margin: 20px auto;
padding: 20px;
background: #f5f5f5;
border-radius: 5px;
}
.result-preview {
margin-top: 30px;
}
.image-comparison {
display: flex;
justify-content: space-around;
margin-top: 20px;
flex-wrap: wrap;
}
.image-comparison img {
max-width: 45%;
height: auto;
margin: 10px;
border: 1px solid #ddd;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
+74
View File
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Upload de Documentos</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.upload-form { max-width: 500px; margin: 0 auto; }
.button { padding: 10px 20px; background: #4CAF50; color: white; border: none; }
.preview { max-width: 800px; margin: 20px 0; }
.preview img { max-width: 100%; }
#result { display: none; }
.error { color: red; }
</style>
</head>
<body>
<div class="upload-form">
<h2>Upload de Documentos</h2>
<form action="process.php" method="post" enctype="multipart/form-data" id="uploadForm">
<p>
<label>Selecione o documento:</label><br>
<input type="file" name="document" accept="image/*" required>
</p>
<p>
<label>Tipo de documento:</label><br>
<select name="doc_type" required>
<option value="cpf">CPF</option>
<option value="rg">RG</option>
<option value="cnh">CNH</option>
</select>
</p>
<input type="submit" value="Processar" class="button">
</form>
<p><a href="index.php?page=doc_list">Ver documentos processados</a></p>
</div>
<div id="result">
<h3>Resultado do Processamento:</h3>
<div class="preview">
<h4>Documento Original:</h4>
<img id="originalImage" src="" alt="Original">
</div>
<div class="preview">
<h4>Documento Processado:</h4>
<img id="processedImage" src="" alt="Processado">
</div>
</div>
<div id="error" class="error"></div>
<script>
document.getElementById('uploadForm').onsubmit = async (e) => {
e.preventDefault();
const formData = new FormData(e.target);
try {
const response = await fetch('process.php', {
method: 'POST',
body: formData
});
if (response.ok) {
window.location.href = 'index.php?page=doc_list&status=success';
} else {
throw new Error('Erro ao processar documento');
}
} catch (error) {
document.getElementById('error').textContent = error.message;
}
};
</script>
</body>
</html>