Photobucket
Home » , , , , , , , » Belajar php sendiri membuat halaman upload foto, gambar atau file

Belajar php sendiri membuat halaman upload foto, gambar atau file

Written By celoteh alvin on Minggu, 27 Maret 2011 | 9:35 PM

Kali ini kita akan belajar bagaimana kita membuat form untuk upload file. File di sini tidak harus gambar, semua file bisa. Namun pada contoh kali ini saya akan menerapkannya pada upload foto/gambar.

Demo




  1. Praktek yook.. - buat terlebih dahulu folder : latihan, di c:\xampp\htdocs - di dalam folder latihan, buat sub folder dengan nama : image, folder image ini nanti untuk menyimpan file gambar kita. - jalankan xampp 1. Membuat halaman / form uploadkita buat form / halaman upload  -> formupload.php
  2. membuat coding action : upload.php
  • buka notepad / notepad++, ketikkan :
<? echo "<b>Halaman Upload Foto</b><p>"; echo "<form action='upload.php' method='post' enctype='multipart/form-data'>"; echo "<table><tr><td>File foto</td>"; echo "<td><input type='file' name='foto'></td></tr>"; echo "<tr><td colspan='3'><input type='submit' value='Upload..'> <input type='reset' value='cancel'></td></tr></table></form>"; ?>
  • simpan dengan nama formupload.php di folder c:\xampp\htdocs\latihan
  • buka browsermu, ketikkan localhost/latihan/formupload.php
  • hasil :

2. Membuat coding action:upload.php
  • buka notepad, ketikkan :
<? function uploadfoto ($filefoto) { $folder='./image/'; $filetujuan=$folder.$filefoto['name']; if (move_uploaded_file($filefoto['tmp_name'], $filetujuan)) { return true; } else { return false; } } $prosesupload = uploadfoto($_FILES['foto']); if ($prosesupload) { echo "<table border='1' cellpadding='4'><tr><td colspan='2'><b>Upload Sukses</td></tr>"; echo "<tr><td>File name </td><td>".$_FILES['foto']['name']."</td></tr>"; echo "<tr><td>File type </td><td>".$_FILES['foto']['type']."</td></tr>"; echo "<tr><td>File size </td><td>".$_FILES['foto']['size']."byte</td></tr>"; echo "<tr><td>File View </td><td><img src='image/".$_FILES['foto']['name']."'></td></tr></table>"; echo "<p><a href='formupload.php'>Kembali</a>"; echo "<p><i> Kreasi alvinperez.com"; } else { echo "Upload foto gagal..."; } ?>
  • simpan dengan nama upload.php di folder c:\xampp\htdocs\latihan
  • selesaaaiiii....... :D
  • jalankan localhost/latihan/formupload.php
Kreasi : alvinperez, boleh digunakan dan divariasi lagi sesukamu ;)
Share this article :

+ komentar + 9 komentar

8 Juni 2011 pukul 21.01

Script sama hasilnya gak sesuai itu mas.. scriptnya formuploadnya gak bener tuh mas. cb cek lagi, ana udah coba berapa kali tampilan form nya malah rusak. cb geh..

admin
8 Juni 2011 pukul 21.04

km pakai php versi berapa?
xampp nya itu...

karena saya sendiri juga terkadang mengalami error. Php ada versi-versinya...

14 Juni 2011 pukul 22.50

terima kasih kawan atas scriptnya...
btw,, kan udah bisa ngupload foto nih, trus kalo mau simpan data foto di database gmn caranya ya??
blajar2 buat TA nih... :D

admin
15 Juni 2011 pukul 06.22

Kayaknya aku punya contoh yang gituan.. coba saya cari dulu... tapi gak tau kapan bisa sharing lewat web ini soalnya lagi sibuk UTS sama kerja neh. hehe... Saya usahakan ya... :D

saru
10 November 2011 pukul 16.54

oya lupa, makasi sebelumnya

saru
10 November 2011 pukul 16.54

mas gmana cara buat halaman artikel, yg didisplay cuma judul and diklik judulnya trus muncul artikel lengkapnya.

admin
10 November 2011 pukul 17.17

kamu bikin web pakai apa?

nn
21 Desember 2011 pukul 18.44

Gan, koq itu Langkah bagian pertama - Langkah bgian Kedua pada byk yg error ya code scriptnya...?
Gak jln sma skli gan, Byk yg Error tuh code script nya. Pdhal aq sdh pkai XAMPP yg terbaru..

admin
25 Desember 2011 pukul 21.56

oke, saya cek,,

Posting Komentar

 
Copyright © 2011-2012. alvin perez - All Rights Reserved [ Mobile Version | Web Version]
Template : Creating Website | Mas Template | Johny Template
Proudly powered by Blogger