ikan Uploader :
Directory : /home/ni05r7l36tus/public_html/annapurnaed.com/admin/
Upload File : |
| Current File : /home/ni05r7l36tus/public_html/annapurnaed.com/admin/add_slider.php |
<?php include "common/header.php"; ?>
<?php
include 'connection/config.php';
$editMode = isset($_GET['action']) && $_GET['action'] === 'edit_slider';
$row = [];
if ($editMode && isset($_GET['id'])) {
$id = $_GET['id'];
$stmt = $pdo->prepare("SELECT * FROM slider WHERE id = ?");
$stmt->execute([$id]);
$row = $stmt->fetch(PDO::FETCH_ASSOC);
}
?>
<div class="container-xxl">
<div class="row justify-content-center">
<div class="col-md-12 col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title">Slider Details</h4>
</div>
<div class="card-body pt-0">
<form action="function.php" method="POST" enctype="multipart/form-data">
<input type="hidden" name="table" value="slider">
<input type="hidden" name="page" value="slider.php">
<?php if ($editMode): ?>
<input type="hidden" name="record_id" value="<?= htmlspecialchars($row['id']) ?>">
<input type="hidden" name="old_image" value="<?= htmlspecialchars($row['image']) ?>">
<input type="hidden" name="image_field" value="image">
<?php endif; ?>
<!-- Title Field -->
<div class="mb-3">
<label class="form-label">Title</label>
<input type="text" class="form-control" name="title" placeholder="Enter Title"
value="<?= $editMode ? htmlspecialchars($row['title']) : '' ?>">
</div>
<!-- Image Upload -->
<div class="input-group mb-3">
<input type="file" name="image" class="form-control" id="imageUploadInput" accept="image/*">
<label class="input-group-text" for="imageUploadInput">Upload</label>
</div>
<!-- Image Preview -->
<div id="imagePreview" class="mb-3">
<?php if ($editMode && $row['image']): ?>
<img id="previewImage" src="../upload/<?= htmlspecialchars($row['image']) ?>" class="img-thumbnail" width="150" height="150" alt="Preview">
<?php endif; ?>
</div>
<button type="submit" name="<?= $editMode ? 'update_data' : 'submit_data' ?>" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- JS for Image Preview -->
<script>
document.getElementById("imageUploadInput").addEventListener("change", function () {
const allowedExtensions = ["jpg", "jpeg", "png", "gif", "webp"];
const fileInput = this;
const file = fileInput.files[0];
const previewImg = document.getElementById("previewImage") || document.getElementById("imagePreview");
if (file) {
const fileName = file.name.toLowerCase();
const extension = fileName.split('.').pop();
if (!allowedExtensions.includes(extension)) {
alert("Only image files are allowed (jpg, jpeg, png, gif, webp)");
fileInput.value = "";
return;
}
const reader = new FileReader();
reader.onload = function (e) {
if (previewImg.tagName === "IMG") {
previewImg.src = e.target.result;
} else {
previewImg.innerHTML = "";
const img = document.createElement("img");
img.src = e.target.result;
img.className = "img-thumbnail";
img.style.width = "100px";
img.style.height = "100px";
previewImg.appendChild(img);
}
};
reader.readAsDataURL(file);
}
});
</script>
<?php include "common/footer.php"; ?>
........