Senin, 09 Januari 2017

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. 

0 comments:

Posting Komentar

Contact

Send Me A Email

Address

ContactInfo

Address:

Perumnas Sako, Palembang, South Sumatra, Indonesia

Phone:

+6281228289766

Email:

amperakoding@gmail.com