Feat: Photo Upload, Zoom/Pan UI, and Default Placeholders

This commit is contained in:
2026-01-18 17:12:52 +08:00
parent 74b8f572a2
commit c5abd68e9e
15 changed files with 569 additions and 31 deletions

View File

@@ -125,6 +125,22 @@
<input type="text" class="form-control" id="pekerjaan" name="pekerjaan" value="<?php echo $data_cek['pekerjaan']; ?>"
/>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">Foto KTP</label>
<div class="col-sm-6">
<?php if(!empty($data_cek['foto_ktp'])): ?>
<img src="foto/ktp/<?php echo $data_cek['foto_ktp']; ?>" width="200px" style="border: 2px solid #6c757d; padding: 3px; border-radius: 5px; cursor: pointer;" onclick="showImage(this.src)" title="Klik untuk memperbesar">
<?php else: ?>
<img src="dist/img/noprofile.png" width="200px" style="border: 2px solid #6c757d; padding: 3px; border-radius: 5px;">
<?php endif; ?>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">Ubah Foto</label>
<div class="col-sm-6">
<input type="file" class="form-control" id="foto_ktp" name="foto_ktp">
</div>
</div>
</div>
@@ -138,21 +154,50 @@
<?php
if (isset ($_POST['Ubah'])){
$sql_ubah = "UPDATE tb_pdd SET
nik='".$_POST['nik']."',
nama='".$_POST['nama']."',
tempat_lh='".$_POST['tempat_lh']."',
tgl_lh='".$_POST['tgl_lh']."',
jekel='".$_POST['jekel']."',
desa='".$_POST['desa']."',
rt='".$_POST['rt']."',
rw='".$_POST['rw']."',
agama='".$_POST['agama']."',
kawin='".$_POST['kawin']."',
pekerjaan='".$_POST['pekerjaan']."'
WHERE id_pend='".$_POST['id_pend']."'";
$query_ubah = mysqli_query($koneksi, $sql_ubah);
mysqli_close($koneksi);
$sumber = @$_FILES['foto_ktp']['tmp_name'];
$target = 'foto/ktp/';
$nama_file = @$_FILES['foto_ktp']['name'];
$pindah = move_uploaded_file($sumber, $target.$nama_file);
if(!empty($sumber)){
$foto= $data_cek['foto_ktp'];
if (file_exists("foto/ktp/$foto")){
unlink("foto/ktp/$foto");}
$sql_ubah = "UPDATE tb_pdd SET
nik='".$_POST['nik']."',
nama='".$_POST['nama']."',
tempat_lh='".$_POST['tempat_lh']."',
tgl_lh='".$_POST['tgl_lh']."',
jekel='".$_POST['jekel']."',
desa='".$_POST['desa']."',
rt='".$_POST['rt']."',
rw='".$_POST['rw']."',
agama='".$_POST['agama']."',
kawin='".$_POST['kawin']."',
pekerjaan='".$_POST['pekerjaan']."',
foto_ktp='".$nama_file."'
WHERE id_pend='".$_POST['id_pend']."'";
$query_ubah = mysqli_query($koneksi, $sql_ubah);
}elseif(empty($sumber)){
$sql_ubah = "UPDATE tb_pdd SET
nik='".$_POST['nik']."',
nama='".$_POST['nama']."',
tempat_lh='".$_POST['tempat_lh']."',
tgl_lh='".$_POST['tgl_lh']."',
jekel='".$_POST['jekel']."',
desa='".$_POST['desa']."',
rt='".$_POST['rt']."',
rw='".$_POST['rw']."',
agama='".$_POST['agama']."',
kawin='".$_POST['kawin']."',
pekerjaan='".$_POST['pekerjaan']."'
WHERE id_pend='".$_POST['id_pend']."'";
$query_ubah = mysqli_query($koneksi, $sql_ubah);
}
mysqli_close($koneksi);
if ($query_ubah) {
echo "<script>