Menambah Upload Foto

Nama: Azka Rizqullah Ramadhani

NRP: 5025231148

Kelas: Pemrograman Web (E)

Menambahkan fitur upload ke pekerja. Pertama kita tambahkan field baru pada pekerja yaitu foto yang akan di isi oleh base 64. Kemudian buat di phpnya untuk menghandle foto yang mana akan di taruh di folder upload.

Request ke backend

<td>

                <?php if (!empty($row['foto'])) { ?>

                <img src="<?= htmlspecialchars($row['foto']) ?>"

                    width="100" alt="Foto">

                <?php } else { ?>

                Foto tidak tersedia

                <?php } ?>

            </td>

handle di backend

$foto = null;

    if (isset($_FILES['foto']) && $_FILES['foto']['error'] === UPLOAD_ERR_OK) {

        $allowed_types = ['image/jpeg', 'image/png', 'image/gif'];

        $foto_type = mime_content_type($_FILES['foto']['tmp_name']);

        if (in_array($foto_type, $allowed_types)) {

            $foto_tmp = $_FILES['foto']['tmp_name'];

            $foto_name = preg_replace('/[^a-zA-Z0-9._-]/', '_', basename($_FILES['foto']['name']));

            $upload_dir = 'uploads/';

            $foto_path = $upload_dir . uniqid() . '_' . $foto_name;

            if (move_uploaded_file($foto_tmp, $foto_path)) {

                $foto = $foto_path;

            } else {

                echo "Gagal memindahkan file.";

                exit;

            }

        } else {

            echo "Jenis file tidak didukung. Hanya file gambar yang diizinkan.";

            exit;

        }

    } elseif (isset($_FILES['foto']) && $_FILES['foto']['error'] !== UPLOAD_ERR_NO_FILE) {

        echo "Kesalahan saat mengunggah file. Kode error: " . $_FILES['foto']['error'];

        exit;

    }

HASIL

Pendaftaran

Hasil

Github