Membuat Form Upload PHP dengan Uploadfy

Catatan hari ini, menggunakan uploadfy untuk membuat form upload. uploadfy adalah framework yang dapat kita gunakan untuk membuat form upload dengan engine perpaduan jQuery dengan flash. dengan uploadfy kita bisa mengunggah beberapa file secara bersamaan, dengan beberapa fitur menarik dan tentunya dapat di unduh dengan gratis.

Download

Untuk menggunakanya, kita dapat mendownload source codenya dari situs resmi uploadfy yaitu http://www.uploadify.com/download/. di sana di sediakan dua versi yaitu yang menggunakan flash (gratis) dan juga yang menggunakan HTML5 (berbayar).

Installasi

Sebenarnya uploadfy tidak perlu di install, tinggal copy saja file file berikut di direktory web hosting kamu. file yang di butuhkan untuk menggunakan uploadfy sebagai berikut (lihat gambar)

File yang di butuhkan File yang di butuhkan

Copy ke dalam folder dimana anda membuat form upload, oh ya pada gambar di atas terdapat file tambahan yang harus di download, yaitu jquery.js (nanti saya sediakan). kemudian buat file index.php dan upload.php serta buat folder upload untuk menyimpan file hasil uploadnya.

isi file index.php [html] <!DOCTYPE html> <html> <head> <title>Uploadfy | Sucipto.Net</title> <link rel=“stylesheet” type=“text/css” href=“uploadify.css”> <script type=“text/javascript” src=“jquery.min.js”></script> <script type=“text/javascript” src=“jquery.uploadify.min.js”></script> <script type=“text/javascript”> $(function() { $(’#file_upload’).uploadify({ ‘buttonText’ : ‘Upload..’, ‘swf’ : ‘uploadify.swf’, ‘uploader’ : ‘upload.php’, ‘onUploadComplete’ : function(file) { alert(‘File’ + file.name + ’ Selesai di proses’); }

}); }); </script> </head> <body> <input type=“file” name=“file_upload” id=“file_upload” /> <p style=“font-size: 12px”>Copyright &copy; 2013 www.sucipto.net</p> </body> </html> [/html]

Sedangkan isi file upload.php [php]

<?php $temp = $_FILES[‘Filedata’][’tmp_name’]; $target=“upload/”.$_FILES[‘Filedata’][’name’]; move_uploaded_file($temp, $target); echo “Success..”; ?> [/php]

Nah, sekarang buka alamat project anda melalui browser, kalau tidak terjadi kesalahan seharusnya bisa upload dan tersimpan di folder upload yang telah kita buat sebelumnya.

Upload dengan Uploadfy Upload dengan Uploadfy

Kamu juga bisa langsung download bahan beserta project yang sudah saya uji coba di sini: https://docs.google.com/open?id=0BywvCV2ICtH-Y1paUlk0RXRUR2c