Upload Gambar dengan flash

upload_iconPada tutorial kali ini saya akan menerapkan fungsi upload sederhana dan sangat dasar dari action script 2, script yang digunakan disini adalah fitur FileReference dari flash. FileReference dari flash ini mempunyai fungsi yang sama dengan input type file pada sintax html. Sintax FileReference ini juga dapat diterjemahkan dan dikomunikasikan dengan php sehingga fungsi dan variabelnya pun sama yaitu variabel global $_FILES[]. Untuk menggunakannya kita harus memanggil file html yang telah dipublish misalnya http://localhost/my_upload/uploadku.html karena file swf tidak bekerja di host yang berbeda misalnya anda langsung mengklik 2 kali file htmlnya di drive D, hal ini tidak bisa dilakukan. Jadi file2 html, swf, php harus berada di direktori yang sama di localhost.

Baik kita mulai Projectnya.

Terlebih dahulu buka software M. Flash 8, kemudian susun stage dengan pengaturan seperti ini :

stage

1. Component scrollPane dengan instance name “xx” (Ctrl+F7 lalu pilih ScrollPane dan drag ke stage)

2. Dynamic text dg instance name “war”

3. Dynamic text dg instance name “details”

4. Button dg instance name “uploadBtn”

Susun semua komponen pada frame pertama kemudian ketikkan sintax actionscript berikut ini.

import flash.net.FileReference;
System.security.allowDomain(“http://localhost/”);//membolehkan localhost untuk berkomunikasi
stop();

uploadBtn.onPress = uploadImage;

var list:Object = new Object();

list.onSelect = function(fileupl:FileReference) {

fileupl.upload(“file_upload.php”);

war.text=””;

}

list.onIOError = function(){

war.text = “error”;

}

list.onOpen = function(){

war.text = “Sedang Mengupload”;

}

list.onComplete = function(namafile:FileReference){

war.text = “Upload Selesai”;

details.text = namafile[‘name’]+” Berukuran “+namafile[‘size’]+” Bytes”;

downGambar(namafile.name);

}

var imageFile = new FileReference();

imageFile.addListener(list) ;

function uploadImage(event:Object) {

imageFile.browse([{description: “Image Files”, extension: “*.jpg;*.gif;*.png”}]);

}

function downGambar(file:Object){

xx.contentPath = file;

}

Yang perlu dipahami dan dicermati adalah skrip import flash.net.FileReference; yang merupakan fungsi untuk mengimport fitur fileReference dari flash,

saya menggunakan beberapa event yang terdapat pada listener untuk mengaktifkan fileReference yaitu :

onSelect : yaitu saat file dipilih oleh user

onIOError : Jika terjadi error saat pengupload-an

onOpen : saat file sedang diUpload ke server

onComplete : saat file berhasil diupload

Event2 tersebut diatas terjadi saat variabel “imageFile” sedang aktif, coba perhatikan sintax imageFile.addListener(list) ;. sintax ini bertujuan menggunakan nama listener yaitu “list” untuk menentukan kejadian apa saja yang akan berlangsung saat variabel imageFile beraksi.

sintax inti untuk mengupload adalah object fileupl.upload(“file_upload.php”). Selanjtnya kita akan membuat sintax php yang akan digunakan untuk proses pengupload-an. Berikut Sintaxnya

<?php

move_uploaded_file($_FILES[‘Filedata’][‘tmp_name’],$_FILES[‘Filedata’][‘name’]);

?>

Cukup simple kan! ternyata sintax phpnya hanya sama seperti yang biasa kita lakukan saat menggunakan input type file pada html yaitu move_upload_file(asal,tujuan).

langkah terakhir tentu saja mem-publish menjadi html dan swf. sehingga file-file yang terdapat pada sebuah direktori http://localhost/terserah/ adalah sebagai berikut.

file2

preview
untuk lebih jelasnya silahkan download file projectnya upload_gambar_flash.rar

end of project

Iklan

6 Responses to Upload Gambar dengan flash

  1. dedik says:

    agan cara atur gambarnya gimana ya ,kok besar kecilnya gambar gak bisa di atur

  2. maya says:

    mas kalo habis di upload gambar ditampilin lagi di lain frame?? 😮

    • aanx04 says:

      Dsatu frame juga bsa.. Kalo ga mau ribet taruh di frame baru.

      • maya says:

        mas.. aq kan nyoba manggil gambar dari folder.. bisa siih tp cm 1gambr n tu gk random. nah konsepnya kan kode gambarnya aq taruh di php n not null. itu gmn scriptnya biar bisa nampili gambar dari folder sesuai dengan kode di php.. jadi tampil gk-nya gambar sesuai ada tidaknya kode di php… utk itu aq blm nemu tutorialnya.. kebanyakan cuma galery poto..

  3. menanti_senja says:

    brhubungan dgn tutorial ini, gimana caranya mas jika yang mau kita tampilin adalah url dari filenya saja ke dalam sebuah kotak dynamic text

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: