Social Icons

twitterfacebookgoogle plus

Senin, 26 Desember 2011

Tutorial HTML dan PHP membuat File Upload/Unggah

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
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 :
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...

12 komentar:

  1. wah keren sekali gan tipsnya...mantabs sekali gan ijin dahgan untuk langsung ke tkp......terimakasih atas sharenya.....

    BalasHapus
  2. Terima kasih banyak Gann..... AKhirnya gue bisa.....

    BalasHapus
  3. folder wamp itu apa ya bang.?

    BalasHapus
  4. Folder WAMP adalah Folder yang telah di berikan saat kita installasi SOFTWARE WAMP SERVER,nah ..setelah kita selesai installasi SOFTWARE nya nanti di DATA C: Terdapat Folder WAMP hasil installasi SOFTWARE WAMP SERVER...Semoga membantu...hee..hee.. :)

    BalasHapus
  5. susah brow...aku uda coba tapi pas aku copy susah skali,...nda' mau trus....aku pake' modem ji kodonk.....bisa g' di posting jg cara membuat sendiri script seperti script c99,

    BalasHapus
  6. script c99???ko modem ji kodonk apa yak..aqu qo baru ngedenger bahasa bahasa di atas ya???..maaf bisa di perjelas bagian mana yang belum bisa yak...??? :)

    BalasHapus
  7. hahahahaaa... modem ji kodong itu bahasa makassar sob, ane juga tadinya bingung sm tuh bahasa baru" di makassar. modem ji kodong = modem sih kasian. kwkwkkkk
    kocak gw baca komentar ini samp geli... kwkwkkkk.
    Sob kalo untuk upluod photo bisa ga yah..?

    BalasHapus
  8. Bisa untuk opload fotho dan semua jenis file kang "webmaster".....
    iya aqu juga kebingungan sama bahasa "ji kodong"...wkakakakak

    BalasHapus
  9. mau tnya klo pake Xmpp taronya filenya diman ya khn folder WAMP ga ada mkasih

    BalasHapus
  10. Data >>>C:\xampp\htdocs folder
    >>...nah di dalam folder HTDOCS...itu semua file script yang kita buat kita taruh...semoga membantu....(^_^)

    BalasHapus
  11. ngak bisa pakai xampp ya
    proses file nya ngak jebol

    BalasHapus
  12. Nama :danbo master Amazon polos A .jpg
    Tipe :image/jpeg
    Ukuran :268075
    File Sementara : C:\xampp\tmp\php51.tmp

    Warning: copy(C:/xampp/htdocsfolder_file/upload/ danbo master Amazon polos A .jpg) [function.copy]: failed to open stream: No such file or directory in C:\xampp\htdocs\prosesfile.php on line 24
    Maaf Gagal meng Upload FIle..danbo master Amazon polos A .jpg

    mohon d bantu. ngak bisa copy file

    BalasHapus

Artikel tips trick dan patch..all antivirus,software gratis serial number dan keygen..lengkap banget...