Senin, 20 Januari 2014

Membuat Upload Gambar dengan PHP

Pada postingan kali ini saya akan memberikan tutorial bagaimana melakukan upload gambar dengan menggunakan PHP, sebelum masuk ke tutorial ini ada baiknya teman-teman tau apa itu PHP dan untuk apa sebenarnya PHP itu. Pada upoad gambar yang saya maksud disini adalah file gambar yang akan kita upload nantinya akan disimpan di folder yang telah kita tentukan, darimanapun sumber gambar yang akan anda upload selama gambar tersebut memnuhi kriteria dari segi ekstensi dan ukuran maka akan terupload.
Untuk membuat file upload disini saya memberikan langkah-langkah yang perlu anda lakukan untuk membuat upload gambar disini.

  1. Terlebih dahulu buka aplikasi XAMPP anda dan start pada Apache. Hal ini dilakukan supaya php yang kita tulis nantinya bisa berjalan karena PHP bersifat server side artinya hanya bisa berjalan di server.
  2. Buka folder C:\xampp\htdocs\ dan buat folder baru dengan nama Upload dan didalamnya buat juga sebuah folder upload.
  3. Setelah buat sebuah file dengan nama index.php yang berisi kodingan sebagai berikut ini.
<html>
<body>
<form action="upload_file.php" enctype="multipart/form-data" method="post">
<label for="file">Filename:</label>
<input id="file" name="file" type="file" />
<input name="submit" type="submit" value="Submit" />
</form>
</body>
</html>
</pre>
  1. Setelah itu buat kembali file dengan nama upload_file.php dengan kodingan sebagi berikut ini.
<?php
$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["file"]["name"]);
$extension = end($temp);
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 2000000)
&& in_array($extension, $allowedExts))
  {
  if ($_FILES["file"]["error"] > 0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
    }
  else
    {
    echo "Upload: " . $_FILES["file"]["name"] . "<br>";
    echo "Type: " . $_FILES["file"]["type"] . "<br>";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";

    if (file_exists("upload/" . $_FILES["file"]["name"]))
      {
      echo $_FILES["file"]["name"] . " already exists. ";
      }
    else
      {
      move_uploaded_file($_FILES["file"]["tmp_name"],
      "upload/" . $_FILES["file"]["name"]);
      echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
      }
    }
  }
else
  {
  echo "Invalid file/ maximaze image 1mb";
  }
?>
  1. Simpan kedua file pada C:\xampp\htdocs\Upload kemudian jalankan pada web browser anda dengan mengetikkan localhost/upload/index.php.
  2. Jika pada saat dijalankan gambar yang diupload invalid maka anda boleh memperbesar ukuran dari maximize upload menjadi 2000000 pada kodingan upload_file.
Ref :http://www.w3schools.com/php/php_file_upload.asp