Anda di halaman 1dari 3

Cara Membuat Form Upload Foto

Sederhana (PHP)
Pada postingan kali ini saya akan share tentang Cara Membuat Form Upload Sederhana ( PHP ).
PHP atau PHP Hypertext Preprocessor merupakan bahasa pemrograman script yang paling
banyak dipakai saat ini atau dalam kata lain bisa diartikan sebuah bahasa pemrograman web
yang bekerja di sisi server (server side scripting) yang dapat melakukan konektifitas pada
database yang di mana hal itu tidak dapat dilakukan hanya dengan menggunakan sintaks-sintaks
HTML biasa.
 Pastikan Anda sudah menginstall XAMPP dan Sudah mengaktifkan Apache Service nya.


 Lalu buatlah sebuah file PHP di Notepad atau di DreamWeaver Anda.
 Lalu Paste kode berikut :
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
</head>
<body>
<form action="proses.php" enctype="multipart/form-data" method="post">
<input name="MAX_FILE_SIZE" type="hidden" value="3000000" />
File Name : <input name="userfile" type="file" />
<input type="submit" value="Upload Now" />
</form>
</body>
</html>
 Buat sebuah folder di C:/XAMPP/htdocs/
 misalnya nama foldernya belajar


 Simpan dengan nama index.php ke dalam folder belajar tadi.
 Buatlah satu file php lagi dengan nama proses.php
 Lalu Paste kode berikut :
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<?php

$sumber = $_FILES['userfile']['tmp_name'];
$target = $_FILES['userfile']['name'];

if(move_uploaded_file($sumber, $target))
{
echo "File Uploaded Successfully <br />";
echo "Uploaded File : <br />";
echo "<img src='$target' height=500 width=500> ";
}
else
echo"Can't Upload Selected File ";
?>

</body>
</html>
 Lalu buka browser anda dan ketikkan alamat sebagai berikut http://localhost/belajar/
 Kira-kira tampilannya file index.php akan seperti di bawah ini :

 Setelah itu coba Anda pilih salah satu foto untuk di upload dengan cara mengklik tombol
Browse
 Setelah memilih foto, sekarang coba Anda klik tombol Upload Now dan lihat hasilnya
 Kira-kira tampilannya akan seperti ini

 sekarang coba anda buka direktori C:/XAMPP/htdocs/belajar
 maka akan ada sebuah file foto yang Anda upload tadi.

 Semoga bermanfat