11:21 PM
Kumpulan Software
Hai sobat blogger...untuk Artikel kali ini aqu mau Share cara membuat Form Upload Untuk file..pada HTML..sebaba form upload ini merupakan suatu kebutuhan yang wajib di dalam pembuatan sebuah website..yupss..salah satu nya adalah ketika kita mendaftar pada suatu situs tertentu..maka untuk melampirkan foto profill kita di butuhkan media pengunggah/upload file yang berbentuk foto tersebut..ok langsung aja..kita buat :
1.Buka tools untuk membuat script HTML berikut ,bisa menggunakan Note Pad ,Atau Komodo Tools editor..dll :
<html>
<head>
<title>Meng Upload File</title>
</head>
<body>
<form action="prosesfile.php" method="post"
enctype="multipart/form-data">
Nama File:
<input type="file" name="namafile">
<input type="submit" value="UPLOAD">
</form>
</body>
</html>
2.Lalu SAVE dengan Nama Upload.html
3.Buka Browser favorit mu dan ketikan
Localhost/upload.html maka hasilnya sebagai berikut :
4.Ketika kita click tombol TELUSUR/BROWSE Maka akan tampil jendella baru untuk memilih file mana/apa yang akan kita upload..
Lalu kita click UPLOAD maka hasil nya sebagai berikut :
Haa..aa...kok Not Found..hee..hee..ya iyallah khan pada scipt berikut:
<form action="prosesfile.php" method="post"
enctype="multipart/form-data">
Kita belum membuat file yang bernama
prossesfile.php
yang nantinya akan memproses file yang kita unggah atau upload...
5.Perama kita Buat terlebih dahulu sebuah folder baru di WAMP->WWW
--->folder_file
dan di dalam Folder_File tersebut kita buat lagi folder
---> upload
yang nantinya tersimpan file2 yang kita unggah
6.Ok seperti sebelumnya kita akan membutuhkan dan membuat sebuah file dengan Nama
---> "prosessfile.php"
caranya buat scipt berikut ini dan simpan dengan Nama
<html>
<head>
<title>Proses File Untuk Upload</title>
</head>
<body>
<?php
//disini info mengenai file-file tersebut
if (empty($_FILES["namafile"]["name"]))
die ("Tidak Bisa Di Upload");
$datafile = $_FILES["namafile"];
$namafile = $datafile["name"];
$tipe = $datafile["type"];
$ukuran = $datafile["size"];
$file_sementara = $_FILES["namafile"]["tmp_name"];
print("Nama :" .$namafile. "<br>\n");
print("Tipe :" .$tipe . "<br>\n");
print("Ukuran :" .$ukuran. "<br>\n");
print("File Sementara : " . $file_sementara . "<br>\n");
//Ini Info untuk menyalin ke lokasi penyimpanan File
if (copy($file_sementara, $_SERVER['DOCUMENT_ROOT'].
"folder_file/upload/$namafile"))
{
print("File $namafile Telah DI Unggah");
unlink($file_sementara);
}
else
print("Maaf Gagal meng Upload FIle..$namafile");
?>
</body>
</html>
7.Lalu setelah selesai kita buka browser kita..dan sekarang kita uji coba dengan mengunggah sebuah file Image atau gambar dan hasil nya sebagai berikut :
8.Buka Folder yang ada di WAMP->WWW->foder_file-->upload, Maka akan tersimpan file yang telah kita unggah/upload tadi sebagai berikut :
Siippp..selesai sudah pembuatan Tutorial HTML dan PHP membuat File Upload/Unggah ,
ternyata asik banget loch..kalo kita mencoba dan berhasil mempelajari sesuatu..dan tentunya ada kepuasan tersendiri..hee..hee..o yaa..kalo kamu masih bingung mengenai tutorial diatas silahkan kirim komentar,saran dan kritik nya yaww...
"ok teruss..gali ilmu dan semangat mu..sampai kamu menjadi yang terbaik di muka bumi ini karna setiap manusia mempunyai potensi yang luar biasa..."..semangaaatttt...
1.Buka tools untuk membuat script HTML berikut ,bisa menggunakan Note Pad ,Atau Komodo Tools editor..dll :
<html>
<head>
<title>Meng Upload File</title>
</head>
<body>
<form action="prosesfile.php" method="post"
enctype="multipart/form-data">
Nama File:
<input type="file" name="namafile">
<input type="submit" value="UPLOAD">
</form>
</body>
</html>
2.Lalu SAVE dengan Nama Upload.html
3.Buka Browser favorit mu dan ketikan
Localhost/upload.html maka hasilnya sebagai berikut :
Lalu kita click UPLOAD maka hasil nya sebagai berikut :
<form action="prosesfile.php" method="post"
enctype="multipart/form-data">
Kita belum membuat file yang bernama
prossesfile.php
yang nantinya akan memproses file yang kita unggah atau upload...
5.Perama kita Buat terlebih dahulu sebuah folder baru di WAMP->WWW
--->folder_file
dan di dalam Folder_File tersebut kita buat lagi folder
---> upload
yang nantinya tersimpan file2 yang kita unggah
6.Ok seperti sebelumnya kita akan membutuhkan dan membuat sebuah file dengan Nama
---> "prosessfile.php"
caranya buat scipt berikut ini dan simpan dengan Nama
prossesfile.php
<html>
<head>
<title>Proses File Untuk Upload</title>
</head>
<body>
<?php
//disini info mengenai file-file tersebut
if (empty($_FILES["namafile"]["name"]))
die ("Tidak Bisa Di Upload");
$datafile = $_FILES["namafile"];
$namafile = $datafile["name"];
$tipe = $datafile["type"];
$ukuran = $datafile["size"];
$file_sementara = $_FILES["namafile"]["tmp_name"];
print("Nama :" .$namafile. "<br>\n");
print("Tipe :" .$tipe . "<br>\n");
print("Ukuran :" .$ukuran. "<br>\n");
print("File Sementara : " . $file_sementara . "<br>\n");
//Ini Info untuk menyalin ke lokasi penyimpanan File
if (copy($file_sementara, $_SERVER['DOCUMENT_ROOT'].
"folder_file/upload/$namafile"))
{
print("File $namafile Telah DI Unggah");
unlink($file_sementara);
}
else
print("Maaf Gagal meng Upload FIle..$namafile");
?>
</body>
</html>
7.Lalu setelah selesai kita buka browser kita..dan sekarang kita uji coba dengan mengunggah sebuah file Image atau gambar dan hasil nya sebagai berikut :
ternyata asik banget loch..kalo kita mencoba dan berhasil mempelajari sesuatu..dan tentunya ada kepuasan tersendiri..hee..hee..o yaa..kalo kamu masih bingung mengenai tutorial diatas silahkan kirim komentar,saran dan kritik nya yaww...
"ok teruss..gali ilmu dan semangat mu..sampai kamu menjadi yang terbaik di muka bumi ini karna setiap manusia mempunyai potensi yang luar biasa..."..semangaaatttt...
