Tutorial Cara Membuat Fitur Upload File dengan CodeIgniter 4

Membuat fitur upload file adalah langkah penting dalam pengembangan aplikasi web yang memungkinkan pengguna mengunggah berkas seperti gambar, dokumen, atau file lainnya ke server. CodeIgniter 4 menyediakan alat yang kuat untuk mengimplementasikan fitur ini dengan mudah dan aman. Dalam artikel ini, kita akan membahas cara membuat fitur upload file dengan CodeIgniter 4, sehingga Anda dapat mengizinkan pengguna untuk mengunggah berkas ke aplikasi Anda.

Langkah 1: Persiapan

Sebelum kita mulai, pastikan Anda telah menginstal dan mengatur proyek CodeIgniter 4 Anda dengan benar. Jika belum, Anda dapat mengikuti panduan instalasi resmi dari situs web CodeIgniter.

Langkah 2: Membuat Formulir

Pertama, Anda perlu membuat formulir HTML di dalam tampilan (view) Anda untuk mengunggah berkas. Misalnya, kita akan membuat formulir sederhana untuk mengunggah gambar profil pengguna. Berikut adalah contoh kode HTML untuk formulir tersebut:

<!-- app/Views/form_upload.php -->

<?= form_open_multipart('upload/proses') ?>

<label for="foto">Pilih Foto Profil:</label>
<input type="file" name="foto" id="foto">

<input type="submit" value="Unggah Foto">

<?= form_close() ?>

Dalam contoh ini, kita menggunakan form_open_multipart() untuk mengaktifkan jenis pengiriman formulir multipart, yang diperlukan untuk mengunggah berkas.

Langkah 3: Membuat Controller

Selanjutnya, buatlah controller yang akan menangani proses upload berkas. Misalnya, kita akan membuat controller "Upload" untuk mengelola proses ini:

// app/Controllers/Upload.php

namespace App\Controllers;

class Upload extends BaseController
{
    public function index()
    {
        return view('form_upload');
    }

    public function proses()
    {
        $file = $this->request->getFile('foto');

        // Validasi berkas
        if ($file->isValid() && !$file->hasMoved()) {
            $file->move(ROOTPATH . 'public/uploads');
            $namaFile = $file->getName();
            return redirect()->to('upload')->with('success', 'Upload berhasil: ' . $namaFile);
        } else {
            return redirect()->to('upload')->with('error', 'Gagal mengunggah berkas.');
        }
    }
}

Dalam contoh di atas, kita menggunakan $this->request->getFile('foto') untuk mendapatkan berkas yang diunggah oleh pengguna. Kemudian, kita memeriksa apakah berkas tersebut valid dan belum dipindahkan, lalu kita pindahkan berkas ke direktori public/uploads. Jika upload berhasil, kita mengarahkan pengguna kembali ke halaman upload dengan pesan sukses. Jika gagal, kita mengarahkan pengguna kembali dengan pesan kesalahan.

Langkah 4: Menampilkan Pesan Hasil

Terakhir, kita perlu menampilkan pesan hasil (baik berhasil maupun gagal) kepada pengguna. Anda dapat melakukannya dengan menambahkan kode berikut ke dalam tampilan (view) Anda:

<!-- app/Views/form_upload.php -->

<!-- Menampilkan pesan sukses -->
<?php if (session()->has('success')): ?>
    <div class="alert alert-success">
        <?= session('success') ?>
    </div>
<?php endif; ?>

<!-- Menampilkan pesan kesalahan -->
<?php if (session()->has('error')): ?>
    <div class="alert alert-danger">
        <?= session('error') ?>
    </div>
<?php endif; ?>

Dengan kode di atas, pesan hasil akan ditampilkan kepada pengguna setelah mereka mengunggah berkas.

Kesimpulan

Membuat fitur upload file dengan CodeIgniter 4 adalah tugas yang cukup mudah dengan bantuan alat yang telah disediakan. Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah membuat fitur upload berkas dalam proyek CodeIgniter 4 Anda. Ini membantu Anda membangun aplikasi yang lebih interaktif dan dinamis yang memungkinkan pengguna untuk berpartisipasi aktif dengan mengunggah berkas sesuai kebutuhan.