Cara Membuat Form Upload Foto Sederhana

4
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">

Transcript of Cara Membuat Form Upload Foto Sederhana

Page 1: Cara Membuat Form Upload Foto Sederhana

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

Page 2: Cara Membuat Form Upload Foto Sederhana

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 :

Page 3: Cara Membuat Form Upload Foto Sederhana

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