Skip to main content

Cara Upload Foto dengan PHP Native dan MySQLi



Tutorial kali ini akan membahas tentang bagaimana cara upload foto dengan PHP dan MySQLi. Upload foto atau file lainnya menjadi salah 1 kebutuhan utama dalam fitur CRUD yang ada pada suatu sistem, oleh sebab itu kali ini saya akan memberikan tutorialnya kepada Anda semua.

Perhatikanlah tutorial berikut dengan seksama agar terciptanya hasil yang sesuai dengan harapan, berikut langkah-langkahnya:
  1. Pertama-tama, buatlah terlebih dahulu database yang bernama “upload” dan tabel bernama “album” atau nama lain sesuai dengan yang Anda inginkan.
    Struktur tabel “album” terdiri dari: 
    • id_album (int)
    • judul (varchar)
    • jam_upload (time)
    • tgl_upload (date)
    • img(text)
  2. Buatlah file koneksi ke database terlebih dahulu dengan kode seperti berikut:
    <?php
$host     = "localhost";
$username   = "root";
$password   = "";
$dbname   = "upload"; // sesuaikan dengan database Anda
// Membuat Koneksi ke Database
$conn = new mysqli($host, $username, $password, $dbname);
// Cek Koneksi
if ($conn->connect_error) 
{
  die("Connection failed: " . $conn->connect_error);
}
?>
  3. Buatlah sebuah file PHP dengan nama “judul_seo” dengan kode berikut ini:
  4. Buatlah sebuah file PHP dengan nama “form_upload” seperti yang ada pada kode berikut ini:
    • Baris ke-1 merupakan kode html untuk membuat form yang telah diisi akan menuju halaman/ file “upload_proses.php” dengan menggunakan method post dan enctype “multipart/ form-data”. Apabila Anda membuat form biasa atau form tanpa upload file/ foto maka tidak perlu menggunakan enctype seperti diatas.
    • Baris ke-2 sampai ke-6 merupakan kode HTML yang digabungkan dengan Framework CSS Bootstrap
    • Baris ke-7 dan ke-11 merupakan nama atau judul dari bagian yang ada pada form upload
    • Baris ke-8 merupakan bagian input atau seorang user memasukkan judul dari foto yang akan diupload
    • Baris ke-12 merupakan bagian input atau seorang user memasukkan file foto ke dalam sistem yang dibuat. Pada bagian ini terdapat kode onchange yang berguna untuk menjalankan perintah tampilkanpreview atau menampilkan preview/ cuplikan foto yang telah Anda pilih sebelumnya dan ditampilkan pada baris ke-14.
  5. Langkah selanjutnya adalah membuat file PHP yang bernama “upload_proses.php” yang akan menjadi file dimana proses memasukkan foto berlangsung. Berikut kodenya:
Sekian tutorial kali ini, apabila ada yang ingin ditanyakan silahkan tinggalkan komentar dibawah ini. Terima kasih telah berkunjung dan sampai jumpa pada tutorial selanjutnya. 

Comments

Post a Comment

Popular posts from this blog

Membuat Tombol Kembali ke Halaman Sebelumnya dengan HTML dan Javascript

Pada coretan kali ini, saya akan memberikan tips sederhana tentang cara Membuat Tombol Kembali ke Halaman Sebelumnya dengan HTML dan Javascript. Bagi Anda yang membuat suatu aplikasi yang berhubungan dengan HTML dan Javascript mungkin tutorial kali ini akan bermanfaat. Bagaimana Caranya? Tanpa basa-basi panjang lebar, langsung saja copas script berikut ini dan silahkan dicoba. Berikut kodenya: Semoga bermanfaat
Post a Comment
Read more

Menampilkan Total Record Data di Tabel Database dengan Codeigniter dan MySQLi

Pada tulisan kali ini, saya ingin berbagi tentang tutorial cara Menampilkan Total Record Data di Tabel dengan Codeigniter dan MySQLi. Bagi Anda yang mengikuti tulisan saya di blog ini, mungkin pernah membaca yang versi PHP Nativenya dengan judul Cara Menampilkan Total Record dari 1 Tabel MySQL dengan PHP . Tutorial ini dibuat didasarkan pertanyaan yang diajukan teman-teman yang order tutorial saya seperti yang ada di judul  Tutorial Membuat Website Marketplace dengan Codeigniter, Bootstrap dan IonAuth . Pada tutorial itu memang sengaja tidak saya buatkan yang kalau dilihat di halaman Admin data yang ditampilkan tidak berubah. Nah di tutorial ini, saya sedikit menggunakan bagian atau coding atau template dari AdminLTE yang bisa Anda lihat contoh hasil jadinya pada foto diatas yang kotak berwarna warni. Jadi bagi Anda yang sedang menggunakan template tersebut, Anda dapat melihat hasilnya nanti secara langsung dengan catatan: Anda telah paham basic atau dasar dari Codeigniter da
Post a Comment
Read more

Cara Membuat Fungsi base_url pada Native PHP

Halo semua, kali ini saya akan memberikan tutorial tentang Cara Membuat Fungsi base_url pada Native PHP, fungsi ini dapat ditemui pada salah satu framework yang ada, yaitu Codeigniter. Fungsi base_url yang akan kita buat ini merupakan fungsi untuk mendapatkan link atau url dasar suatu project atau website. Apabila belum mengerti, maka bisa kita lihat pada contoh berikut: <?php echo $base_url; // akan menghasilkan: http://localhost/namaprojectanda atau http://www.google.com ?> Selanjutnya kita masuk ke kodingan fungsi ini, cukup salin dan simpan script berikut: Jadi, ketika Anda ingin menggunakan fungsi ini cukup panggil/ include kan pada bagian yang akan ditampilkan. Misalkan Anda sedang membuka file produk.php, kemudian Anda ingin mendapatkan base_url dari produk yang akan ditampilkan maka cukup panggil nama fungsi diatas dan gabungkan dengan script yang telah Anda buat. Saya pribadi merasakan manfaat yang sangat besar dari fungsi ini pada native php, terutam
Post a Comment
Read more