54 lines
1.9 KiB
PHP
54 lines
1.9 KiB
PHP
<div class="modal fade" id="deleteFoto" tabindex="-1" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered ">
|
|
<div class="modal-content">
|
|
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Hapus Paket Foto</h5> <button type="button" class="btn-close"
|
|
data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
|
|
<form action="#" method="POST" enctype="multipart/form-data">
|
|
<div class="modal-body">
|
|
<p>Apakah anda yakin ingin menghapus nama paket?</p>
|
|
</div>
|
|
<div class="modal-footer justify-content-end border-top-0 pt-0">
|
|
<button type="submit" class="btn btn-danger rounded-pill tolak px-3 py-2">
|
|
Hapus
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
// Target elemen berdasarkan ID
|
|
const fileInput = document.getElementById('fileInput');
|
|
const imgPreview = document.getElementById('img-preview');
|
|
const placeholder = document.getElementById('placeholder-text');
|
|
|
|
fileInput.addEventListener('change', function(event) {
|
|
const file = event.target.files[0];
|
|
|
|
if (file) {
|
|
// Jika ada file, baca gambarnya
|
|
const reader = new FileReader();
|
|
|
|
reader.onload = function(e) {
|
|
imgPreview.src = e.target.result; // Masukkan data gambar
|
|
|
|
// TUKAR TAMPILAN:
|
|
imgPreview.classList.remove('d-none'); // Munculkan gambar
|
|
placeholder.classList.add('d-none'); // Sembunyikan teks
|
|
}
|
|
|
|
reader.readAsDataURL(file);
|
|
} else {
|
|
// Jika user membatalkan upload (cancel), reset ke awal
|
|
imgPreview.src = "#";
|
|
imgPreview.classList.add('d-none');
|
|
placeholder.classList.remove('d-none');
|
|
}
|
|
});
|
|
</script>
|