Upload Gambar Dengan PHP


Di tutorial PHP ” Upload Gambar Dengan PHP” ini akan dipaparkan cara mengupload file menggunakan PHP. Tutorial ini mencakup cara penggunaan element input file, mengatur atribut html form agar file bisa ter-upload, membuat script php untuk menangani file yang diupload.
Setting HTML Form
Untuk meng-upload file digunakan element input file. Agar file bisa ter-upload maka pada form HTML harus ditambahkan atribut enctype=”multipart/form-data” dan menggunakan method POST (method=”post”). Form html untuk meng-upload file akan terlihat seperti di bawah:
view plaincopy to clipboardprint?

  1. <!–form to upload file–>
  2. <form name=”formupload” method=”post” enctype=”multipart/form-data” action=”script/to/upload/file.php”>
  3.  Picture : <input name=”picture” type=”file” />
  4.  <input type=”submit” name=”upload” value=”Upload” />
  5. </form>

Contoh Upload File dengan PHP
Di asumsikan anda akan mengupload file ke directory /photo, dimana directory /photo ini berada pada root webserver anda.
Buatlah sebuah file baru menggunakan text editor dan buat sebuah html form seperti berikut:
Picture :
view plaincopy to clipboardprint?

  1. <!–file picture.html–>
  2. <form name=”form_upload” method=”post” action=”upload.php” enctype=”multipart/form-data”>
  3.  Picture: <input type=”file” name=”picture” />
  4.  <input type=”submit” name=”upload” value=”Upload” />
  5. </form>

Simpan dengan nama picture.html dan letakkan di directory yang sama (sejajar) dengan folder /photo.
uploadfoto
Kemudian buat file baru dan ketik script php di bawah:
view plaincopy to clipboardprint?

  1. <?php
  2. //file upload.php
  3.  $fileName = $_FILES[‘picture’][‘name’];
  4.  $fileSize = $_FILES[‘picture’][‘size’];
  5.  $fileError = $_FILES[‘picture’][‘error’];
  6.  if($fileSize > 0 || $fileError == 0){
  7.  $move = move_uploaded_file($_FILES[‘picture’][‘tmp_name’], ‘photo/’.$fileName);
  8.  if($move){
  9.  echo “File sudah diupload”;
  10.  }else{
  11.  echo “Gagal mengupload file”;
  12.  }
  13.  }else{
  14.  echo “Gagal mengupload file: “.$fileError;
  15.  }
  16. ?>

simpan dengan nama upload.php directory yang sama (sejajar) dengan folder /photo. Anda akan memiliki struktur folder dan file seperti berikut:
Upload
Anda dapat mengetahui informasi file yang diupload dari global variable $_FILES yang berupa associated array. Jika anda memiliki sebuah input file dengan atribut name=”picture” (script picture.html baris ke 3) maka anda dapat mengakses informasi file yang diupload di variabel $_FILES[‘picture’]. $_FILES[‘picture’] adalah associated array dengan struktur sebagai berikut:

  • $_FILES[‘picture’] [‘name’]
    berisi nama file yang sedang diupload
  • $_FILES[‘picture’][‘type’]
    mime type dari file yang sedang diupload, jika browser memberikan informasi ini. Contoh: image/gif, image/jpg
  • $_FILES[‘picture’][‘size’]
    ukuran/size file yang diupload dalam byte
  • $_FILES[‘picture’][‘tmp_name’]
    nama file temporer dari file yang sedang diupload yang disimpan di temporari folder server
  • $_FILES[‘picture’][‘error’]
    error code yang berhubungan dengan file yang sedang diupload

Catatan:
HTML form anda harus memiliki atribut enctype=”multipart/form-data” agar file mau ter-upload.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s