Upload || Praktikum 2

Assalamualaikum..
Halo berjumpa lagi di blog praktikum..
kali ini saya akan membahas bagai mana membuat upload file
kedalam web dan menampilkan nya.


dalam web sangat pentung adanya nya uplod file dikarenakan
fitur ini snaganta membantu dalam hal penyimpan gambar dan lain sebangainya.


pertama-tama

buatlah
tabel untuk meng upload file tersbut di data base seperti contoh berikut :

selanjutnya buatlah folder untuk menyimpan gamabar atau file lainya yang telah kita upload :

selanjutnya buatlah atau tambahkan pada kodingan atau script yang berfungsi sebagai ketika form tersebut terdapat
input type file
penjelasanya :

<form action="<?= $action ?>" method="post" enctype="multipart/form-data">//enctype ini digunakan untuk memisahkan file atau data yang di input

codingan nya :





selanjutnya menampilkan image yang sudah kita upload di halaman yang ingin kta tampilkan image nya dan meng input image pada form, contohnya ketika di edit data file yang di upload
akan muncul  contoh nya :
                   
                    penjelasanya :
                   
                   
                    <?php if($action == "edit.php") { ?>// ini adalah apabila kita ingin meng edit data maka file atau image yang di
                        //uplouad akan ditampilkan
                        <input type="hidden" name="foto" value="<?php echo @$siswa['file']?>">
                        <img src="<?php echo base_url()?>/images/<?php echo @$siswa['file']?>" width="80px" alt="">
                        
                    <?php } ?> 
                    <br>
                    <br>
                    <input type="file" name="foto"></td>

                full codenya :

               
               
                hasil preview contohnya :
               
               

selanjutnya bukalah atau tambahkan code untuk menanmbah data yang akan di upload datanya . ini codenya :

tambahkan code untuk upload file di tamabah.php dan edit.php

penjelsanya :


    $file           =$_POST['foto'];//Untuk input file digunakan $_FILES

    $foto           =$_FILES['foto'];
   
    if (!empty($foto) AND $foto['error'] == 0) {//Cek apakah user mengupload file?

      $path = './images/';//Path lokasi file akan di upload saya lokasnya di folder images/
     
      $upload = move_uploaded_file($foto['tmp_name'],$path.$foto['name']);//Upload file


      if (!$upload) {
              flash('error', "upload file gagal");//Jika upload file gagal arahkan ke index.php

              header('location:index.php');
      }
      $file = $foto['name'];
}

full code untuk tambah data dengan penjelasanya :

nya :




ini untuk edit data dengan penjelasanya :





selanjutnya menampilkan gambar di halaman olah data
contohnya sebagai berikut ini :

penjelasanya :

<td>
<img src="<?php echo base_url()?>/images/<?php echo @$siswa['file']?>" width="80px"alt="">
</td>

base_url() inia adalah untuk mengganti lokasi lokasi index kita dengan kata lain tidak sepeti ini

<td>
 <img src="http://localhost/data/images/<?php echo @$siswa['file']?>" width="80px"alt="">
</td>

tidak seperti ini makan akan di ganti


ini codeingan nya :


..



sekarang cobalah  mengupload gamabr dan meng editnya :

pertama kita tambahd ata terlebih dahulu

sebelum di tambah data

sekarang tambah 1 data :

dan ini hasilnya

dan ketika data akan di edit foto foto yang akan kita edit data nya muncul do form edit seperti ini :

Add caption

nah foto yang akan kita edit akan muncul seperti yang telah di buat di kodingannya : yaitu yang ini tadi

<?php if($action == "edit.php") { ?>// ini adalah apabila kita ingin meng edit data maka file atau image yang di
                        //uplouad akan ditampilkan
                        <input type="hidden" name="foto" value="<?php echo @$siswa['file']?>">
                        <img src="<?php echo base_url()?>/images/<?php echo @$siswa['file']?>" width="80px" alt="">
                        
                    <?php } ?> 
                    <br>
                    <br>
                    <input type="file" name="foto"></td>

////








terimakasihhh,, begitulah pembahasan tentang upload file atau gamabr pada web ..