You are on page 1of 4

Cara Membuat Form Upload Foto Sederhana (PHP)

Posted by Cyserz Rouly at 09:57Email ThisBlogThis!Share to TwitterShare to Facebook

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 :
view plainprint?

1. 2. 3. 4. 5. 6.

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> </head> <body> <form action="proses.php" enctype="multipart/formdata" method="post"> 7. <input name="MAX_FILE_SIZE" type="hidden" value="3000000" /> 8. File Name : <input name="userfile" type="file" /> 9. <input type="submit" value="Upload Now" /> 10. </form> 11. </body> 12. </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 :
view plainprint?

1. <html xmlns="http://www.w3.org/1999/xhtml"> 2. <head> 3. <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> 4. <title>Untitled Document</title> 5. </head> 6. 7. <body> 8. 9. <?php 10. 11. $sumber = $_FILES['userfile']['tmp_name']; 12. $target = $_FILES['userfile']['name']; 13. 14. if(move_uploaded_file($sumber, $target)) 15. { 16. echo "File Uploaded Successfully 17. "; 18. echo "Uploaded File : 19. "; 20. echo "<img src='$target' height=500 width=500> "; 21. } 22. else 23. echo"Can't Upload Selected File "; 24. ?> 25. 26. </body> 27. </html>

Lalu buka browser anda dan ketikkan berikuthttp://localhost/belajar/ Kira-kira tampilannya file index.php akan seperti di bawah ini :

alamat

sebagai

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. ini dia penampakannya \^-^/

Sekian Tutorial dari blog saya yang cupu kali ini. Semoga bermanfaat =D

You might also like