Menambahkan Fitur Upload Gambar Utama kedalam Aplikasi CRUD

Kali ini kita akan menambahkan fitur upload foto kedalam aplikasi CRUD yang telah dibuat. Untuk membaca tentang bagaimana membuat aplikasi CRUD sederhana, silahkan baca pada artikel sebelumnya -> Aplikasi CRUD sederhana.

Link download skrip lengkap aplikasi -> Github

Untuk menambahkan fungsi CRUD gambar kedalam aplikasi sederhana tersebut, hanya diperlukan beberapa perubahan seperti pada skrip nomor 1 dibawah.

Berikut langkah-langkahnya:

  1. Buat 1 kolom tabel pada tabel siswa didalam database myblogdb (Baca di artikel sebelumnya). kemudian beri nama gambar dengan tipe data varchar (100).
  2. Ubah file display.php seperti skrip nomor 2.
  3. Setelah itu tambahkan baris berikut pada file insert.php, tepat sebelum tag penutup </table>:
      <tr>
        <td>gambar</td>
        <td><input type="file" name="gambar"></td>
      </tr>
  4. Ubah file execute-insert.php menjadi seperti dibawah ini. Perlu dicatat bahwa yang dimasukkan kedalam database bukanlah file gambarnya, akan tetapi hanya path filenya saja, sedangkan gambar itu sendiri diupload kedalam folder images seperti yang telah saya jelaskan pada awal tulisan ini.
Silahkan perhatikan skrip berikut sesuai dengan urutannya.

https://gist.github.com/r4ndieL/27f383120a672f27f2c08c80a66d179e

Jika sudah, dapat dicoba, script yang telah dibuat. Hasil akhirnya akan seperti ini.

Artikel kali ini cukup sampai disini dulu, jika ingin mendapatkan seluruh scrip aplikasi ini, bisa didownload melalui Github

Leave a Reply

Your email address will not be published. Required fields are marked *