hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
/
home
/
u313348419
/
domains
/
etsbay.com
/
public_html
/
admin
/
Upload FileeE
HOME
<!DOCTYPE html> <html lang="en"> <head> <?php include 'include/links.php';?> </head> <body> <!-- tap on top starts--> <div class="tap-top"><i data-feather="chevrons-up"></i></div> <!-- tap on tap ends--> <!-- page-wrapper Start--> <div class="page-wrapper compact-wrapper" id="pageWrapper"> <!-- Page Header Start--> <?php include 'include/topnav.php';?> <!-- Page Header Ends --> <!-- Page Body Start--> <div class="page-body-wrapper"> <!-- Page Sidebar Start--> <?php include 'include/sidenav.php';?> <!-- Page Sidebar Ends--> <div class="page-body"> <div class="container-fluid"> <div class="page-title"> <div class="row"> <div class="col-6 col-sm-6"> <h3>Image</h3> </div> <!--<div class="col-3">--> <!--</div>--> <!--<div class="col-3">--> <!-- <a class="btn btn-primary" href="banner-form.php" style="background: linear-gradient(51deg, #d1521d, #988538);">Add New Banners</a>--> <!--</div>--> </div> </div> </div> <!-- Container-fluid starts--> <div class="container-fluid default-dash"> <div class="row"> <div class="col-sm-12"> <div class="card"> <div class="card-body"> <div class="container mt-5"> <h2>images</h2> <form id="uploadForm" enctype="multipart/form-data"> <div class="mb-3"> <label for="image" class="form-label">Upload Image</label> <input type="file" class="form-control" id="image" name="image" required> </div> <div class="mb-3"> <label for="site_url" class="form-label">Site URL</label> <input type="url" class="form-control" id="site_url" name="site_url" required> </div> <button type="submit" class="btn btn-primary">Upload Record</button> </form> <hr> <h3>Records</h3> <div id="recordsList"></div> </div> </div> </div> </div> </div> <!-- Container-fluid Ends--> </div> <!-- footer start--> <?php include 'include/scripts.php';?> <script> $(document).ready(function() { // Fetch and display records function fetchRecords() { $.ajax({ url: 'ajax/fetch_records.php', type: 'GET', success: function(response) { const records = JSON.parse(response); let recordsHtml = ''; records.forEach(record => { recordsHtml += ` <div class="card mb-3" style="width: 18rem;"> <img src="${record.image_url}" class="card-img-top" alt="Image"> <div class="card-body"> <p class="card-text">Site URL: <a href="${record.site_url}" target="_blank">${record.site_url}</a></p> <button class="btn btn-danger delete-btn" data-id="${record.id}">Delete</button> </div> </div>`; }); $('#recordsList').html(recordsHtml); }, error: function(jqXHR, textStatus, errorThrown) { console.error(textStatus, errorThrown); } }); } fetchRecords(); // Upload record $('#uploadForm').on('submit', function(event) { event.preventDefault(); const formData = new FormData(this); $.ajax({ url: 'ajax/upload_record.php', type: 'POST', data: formData, processData: false, contentType: false, success: function(response) { const result = JSON.parse(response); alert(result.message); fetchRecords(); $('#uploadForm')[0].reset(); }, error: function(jqXHR, textStatus, errorThrown) { console.error(textStatus, errorThrown); } }); }); // Delete record $(document).on('click', '.delete-btn', function() { const recordId = $(this).data('id'); $.ajax({ url: 'ajax/delete_record.php', type: 'POST', data: { id: recordId }, success: function(response) { const result = JSON.parse(response); alert(result.message); fetchRecords(); }, error: function(jqXHR, textStatus, errorThrown) { console.error(textStatus, errorThrown); } }); }); }); </script> </div> </div> </body> </html>