[RESOLVED] [v7] Upload to server via Flash

[flashwan]

Hi Everyone,

This thread is linked to this one : MP3 player via FTP
My main issue is that I would like some students to upload MP3 files an a dedicated server in this way :

1. They can upload MP3 (without password if possible) from a flash website (made with koolmoves v7)
2. They can not erase files on the server

If someone can show me the way

Thanks in advance

[flashwan]

I think it is not an easy task to do in flash but it can be done with embedded Html code inside flash.

I have this link, it seems to be what I am looking for :

http://www.cs.tut.fi/~jkorpela/forms/file.html

If anyone has another idea to achieve this...

[Stoke Laurie]

There is a file upload contribution in www.Koolexchange.com it uses AS1 and was built with V6, but don't let that stop you taking a look, it works very well.

[blanius]

Working on example, just been busy.
If you cannot wait look at fileReference on Adobe's site for example.

[blanius]

Here is example you can try..

It's working but for some reason I'm not seeing the upload complete. It did once but not now, perhaps someone can figure out what's wrong with it.

two textfield's one call txt2 the other called stat
two pushbuttons called pb1 and pb2

    import flash.display.Sprite;
    import flash.events.*;
    import flash.net.FileReference;
    import flash.net.URLRequest;
    import flash.net.FileFilter;



myfile= new FileReference()
mp3Filter = new FileFilter("mp3", "*.mp3");
myfile.addEventListener(ProgressEvent.PROGRESS,fstatus);
myfile.addEventListener(Event.COMPLETE,fileDone);
myfile.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
myfile.addEventListener(Event.SELECT,selectHandler);

function selectHandler(e:Event){
    txt2.text=e.target.name;
    }
    
function fstatus(e:Event){
    stat.text="status:"+e.bytesLoaded+" of "+e.bytesTotal;
    }
function fileDone(e:Event){
    stat.text="file uploaded "+e.data;
    }
function ioErrorHandler(e:Event){
    stat.text="IO ERROR "+e;
    }

pb1.addEventListener(MouseEvent.CLICK,bFile);
pb2.addEventListener(MouseEvent.CLICK,sendFile);

function bFile(e:MouseEvent){
    myfile.browse([mp3Filter]);
    }
function sendFile(e:MouseEvent){
    stat.text="Trying to send";
    uploadURL = new URLRequest();
    uploadURL.url="upload.php";
    myfile.upload(uploadURL);
    
    } 

and the PHP code to go on your server (this is a simplfied version with no error checking)

<?php

$fileName = basename($_FILES["Filedata"]["name"]);
$ok=move_uploaded_file($_FILES["Filedata"]["tmp_name"], $fileName);
echo $ok;
?>

[Chris_Seahorn]

$fileName = basename($_FILES["Filedata"]["name"]);

stat.text="Trying to send";
uploadURL = new URLRequest();
uploadURL.url="upload.php";
myfile.upload(uploadURL);

Your PHP expects the filename (["name"]), how are you POSTing that above?

[blanius]

It gets that fine, that is an named array element of the Array Filedata.
It's uploading the file fine, including the name being set, I'm just not getting a COMPLETE event.

[blanius]

Ok here we go.... Despite the what the docs imply you need to use

myfile.addEventListener(DataEvent.UPLOAD_COMPLETE_ DATA,completeHandler);

This not only worked it also gets server response.

So here is corrected code with attached example fun file.

import flash.display.Sprite;
    import flash.events.*;
    import flash.net.FileReference;
    import flash.net.URLRequest;
    import flash.net.FileFilter;



myfile= new FileReference();
mp3Filter = new FileFilter("mp3", "*.mp3");
myfile.addEventListener(ProgressEvent.PROGRESS,fstatus);
myfile.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
myfile.addEventListener(Event.SELECT,selectHandler);
myfile.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,completeHandler);

function completeHandler(e:Event){
    stat.text=e.data;
    }
function selectHandler(e:Event){
    txt2.text=e.target.name;
    }
    
function fstatus(e:Event){
    stat.text="status:"+e.bytesLoaded+" of "+e.bytesTotal;
    }

function ioErrorHandler(e:Event){
    stat.text="IO ERROR "+e;
    }

pb1.addEventListener(MouseEvent.CLICK,bFile);
pb2.addEventListener(MouseEvent.CLICK,sendFile);

function bFile(e:MouseEvent){
    myfile.browse([mp3Filter]);
    }
function sendFile(e:MouseEvent){
    stat.text="Trying to send";
    uploadURL = new URLRequest();
    uploadURL.url="upload.php";
    myfile.upload(uploadURL);
    
    } 

<?php

$fileName = basename($_FILES["Filedata"]["name"]);
$ok=move_uploaded_file($_FILES["Filedata"]["tmp_name"], $fileName);
if ($ok)
{
    $message =  "$fileName uploaded successfully.";
}
else 
{
    $message = "Somthing is wrong with uploading a file.";
}
 
echo $message;

?>

[flashwan]

I have no time for the moment to test your code I would like to thank very much for the help.

I finish the integration of the mp3 player and then I will tell you how it is working for me.
Very nice forum

[flashwan]

Thanks a lot ... it works very nicely

But one question how to set a different target on my server, I don't want the file to go on the root directory but in the directory called "mixages fous".

And an other one, I want people who want to upload to leave me some informations like : first name, last name, phone number, email, working location. If it could be written in a txt file on the server it would be nice.
I don't know if you can help me on this aspect but you help very much on the upload side

Thanks again

[blanius]

Change this line
$ok=move_uploaded_file($_FILES["Filedata"]["tmp_name"], "../mixages fous/".$fileName);

[w.brants]

To post data along with the upload, you need to create some sort of form.
On the php backend you can place it in a text file, mail it to yourself or place it in a database if you have one.

Another thing you might want to consider is users uploading content with the same filename resulting in problems. To prevent that, you could add a timestamp to the filename and change the routine that creates the xml file so that it leaves the timstamp in for the url to access but removes it for the title that is being shown.

[flashwan]

I have modified the php file and now I upload in the good directory... thanks

About the form to fullfil could you give me one last help on this.
The best feature would be to rename the file uploaded like firstname_lastname.mp3 automatically.
If there are two times the same entries it will overwrite the file on the server.
The form will increase a txt file on the server.
I would like those informations to be written in order to upload :
first name, last name, phone number, email, working location

If you have no time to develop just give me the procedure.

Thanks to your help I have created most of what I needed, I am very grateful

You can see the website still in dev here : http://www.mixagefou.com/

[flashwan]

I have found some very usefull help on forms on the koolexchange website : http://www.koolexchange.com/