ikan Uploader :
Directory : /home/ni05r7l36tus/www/poojajewellersbbsr.com/admin/
Upload File : |
| Current File : //home/ni05r7l36tus/www/poojajewellersbbsr.com/admin/add_instaphoto.php |
<?php include "common/header.php"; ?>
<?php
include 'connection/config.php';
$editMode = isset($_GET['action']) && $_GET['action'] === 'edit_instaphoto';
$instaPhoto = [];
if ($editMode) {
$id = $_GET['id'];
$stmt = $pdo->prepare("SELECT * FROM `instaphoto` WHERE id = ?");
$stmt->execute([$id]);
$instaPhoto = $stmt->fetch(PDO::FETCH_ASSOC);
}
?>
<!-- ==================================================== -->
<div class="page-content">
<div class="container-xxl">
<form action="function.php" method="POST" enctype="multipart/form-data">
<!-- Hidden Field -->
<?php if (isset($instaPhoto['id'])): ?>
<input type="hidden" name="id" value="<?= $instaPhoto['id'] ?>">
<?php endif; ?>
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<h4 class="card-title d-flex align-items-center gap-1">
<iconify-icon icon="solar:image-bold-duotone" class="text-primary fs-20"></iconify-icon>
Insta Photo Details
</h4>
</div>
<div class="card-body">
<div class="row">
<!-- Title -->
<div class="col-lg-12">
<div class="mb-3">
<label for="insta-title" class="form-label">Title</label>
<input type="text" name="title" class="form-control" placeholder="Enter Title"
value="<?= $editMode ? htmlspecialchars($instaPhoto['title']) : '' ?>">
</div>
</div>
<!-- Image -->
<div class="col-lg-12">
<div class="mb-3">
<label for="insta-image" class="form-label">Image</label>
<input type="file" name="image" id="imageUploadInput0" class="form-control">
</div>
<div id="imagePreview0" class="mb-3">
<?php if ($editMode && $instaPhoto['image']): ?>
<img src="../uploads/instaphoto/<?= htmlspecialchars($instaPhoto['image']) ?>" class="img-thumbnail" width="150" height="150" alt="Preview">
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Submit -->
<div class="text-end">
<button type="submit" name="<?= $editMode ? 'update_instaphoto' : 'add_instaphoto' ?>" class="btn btn-success">Submit</button>
</div>
</form>
</div>
<?php include "common/footer.php" ?>
</div>
<!-- Image Preview Script -->
<script>
function setupImagePreview(inputId, previewId) {
document.getElementById(inputId).addEventListener("change", function () {
const allowedExtensions = ["jpg", "jpeg", "png", "gif", "webp"];
const fileInput = this;
const file = fileInput.files[0];
const previewContainer = document.getElementById(previewId);
if (file) {
const extension = file.name.split('.').pop().toLowerCase();
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) {
previewContainer.innerHTML = `<img src="${e.target.result}" class="img-thumbnail" width="150" height="150">`;
};
reader.readAsDataURL(file);
}
});
}
setupImagePreview("imageUploadInput0", "imagePreview0");
</script>
<script src="assets/js/vendor.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>
........