Saya ingin berbagi sama lainnya supaya ilmu saya bermanfaat untuk orang lain dan bisa di gunakan untuk orang lain,, terima kasih yang sudah mau berkunjung di blog saya semoga ilmunya bermanfaat

Breaking

Friday, April 27, 2018

Cara Upload Image dengan PHP Native Simple Coding

Cara Upload Image dengan PHP Native Simple Coding




Daftar isi :

  • Membuat Database MySQL
  • Koneksi ke Database MySQL
  • Membuat Form Inputan
  • Membuat Folder Images
  • Proses Upload Images


Assalamu'alaikum Wr. Wb.

Salam sejahtera untuk semua, jumpa lagi dengan saya di blog Mr Brohid. Terima kasih sudah mau berkunjung di blog saya semoga bisa membantu anda dan bisa bermanfaat untuk orang lain, kali ini saya akan sharing artikel yang baru saya buat yaitu tentang Cara Upload Image dengan PHP Native Simple Coding, artikel ini saya buat untuk membantu anda yang sedang dalam mempelajari bahasa pemograman yaitu PHP.

1. Membuat Database MySQL

Untuk membuat upload image pada PHP prosesnya cukup mudah dan dapat di pelajari bagi yang lagi belajar dalam bahasa Pemograman. 

Untuk proses pertama ini kita siapkan dahulu database untuk menyimpan data - data yang kita akan masukkan dan kita simpan dalam server.


2. Koneksi ke Database MySQL

Di proses kedua ini kita akan membuat koneksi untuk menghubungkan pada server kita. Di bawah ini contoh script koneksi.php :

Example :
       


3. Membuat Form Inputan

Pada proses ke-tiga ini kita akan membuat form inputan atau tampilan dari inputan data nantinya, Untuk masalah design tampilan kalian bisa design sesuai keinginan kalian, dibawah ini saya akan memberi contoh sederhana untuk pembuatan tampilan inputan.

Example :


    <!DOCTYPE html>
    <html>
    <head>
           <title>Upload Image dengan PHP - Simple Coding</title>
    </head>
    <body>

           <form action="simpan.php" method="POST" enctype="multipart/form-data">

           <table>
                  <tr>
                       <td>Nama</td>
                       <td><input type="text" name="nama"></td>
                  </tr>
                  <tr>
                         <td>Upload</td>
                         <td><input type="file" name="foto"></td>
                  </tr>
                  <tr>
                         <td colspan="2"><input type="submit" name="simpan" value="Simpan"></td>
                  </tr>
            </table>
       
          </form>
   </body> 
   </html>


4. Membuat Folder Upload Image

Di proses ke empat ini kita akan membuat folder untuk menampung gambar yang akan kita upload ke dalam server dan akan di tampung pada folder ini.

Example :


5. Proses Image Upload Image

Untuk proses Selanjutnya yang ke lima di sini kita akan membuat proses Upload Image-nya dan di proses ini lah yang paling penting, Silahkan kalian bisa meniru Script di bawah ini untuk proses Upload Image.

Example :



<?php
    include 'koneksi.php';

    if (isset($_POST['simpan'])) { 

        $nama = $_FILES['foto']['name'];
        $lokasi_asal = $_FILES['foto']['tmp_name'];

        if (empty($nama)) {
            echo "<script>alert('Please choose a file..!')</script>";
        } else {
            move_uploaded_file($lokasi_asal, "foto_upload/". $nama);

            $simpan = mysqli_query($conn, "INSERT into table_image set nama = '$_POST[nama]', foto = '$nama'");

            if ($simpan) {
                echo "<script>alert('Success to save')</script>";
            }else{
                echo "<script>alert('Not to save')</script>";
            }
        }
       
    }
?>


Setelah kalian selesai membuat proses upload image kalian panggil dalam form pada tampilan inputan. di bawah ini saya akan memberi contoh untuk penempatan panggilan


<form action="simpan.php" method="POST" enctype="multipart/form-data">


Setelah kalian panggil pada form inputan kalian bisa coba jalankan pada browser kalian dan silahkan input data yang ingin anda masukkan dan semoga berhasil untuk menjalankan, Sekian dari artikel saya jika ada salah kata atau ketikan maupun kesalahan error dalam script atau tidak berfungsi silahkan komentar pada artikel di bawah ini  dan kami akan membantu anda untuk meyelesaikan permasalahan anda.

Semoga artikel kali ini bisa bermanfaat untuk lain semua, semoga success selalu,, salam coding :)

Wassalamu'alaikum Wr. Wb.

No comments: