Posted By

mswallace on 04/10/08

Tagged

files
Flex

Versions (?)

Last Edited at 04/10/08 10:43am

Statistics

Viewed 3528 times

Favorited by 1 user(s)

Related snippets

Browse for file and upload

/ Published in: MXML

found this on the adobe cookbook site. There is also some PHP to go along with this in my snippets.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();">
	<mx:Script>
		<![CDATA[
 
			private var urlRequest:URLRequest;
			private var fileReferenceList:FileReferenceList;
			private var serverSideScript:String = "http://localhost/uploadFile.php";
 
			private function init():void {
				urlRequest = new URLRequest(serverSideScript);
				fileReferenceList = new FileReferenceList();
				fileReferenceList.addEventListener(Event.SELECT, fileSelectedHandler);
			}
 
			private function uploadFile():void {
				fileReferenceList.browse();
			}
 
			private function fileSelectedHandler(event:Event):void {
				var fileReference:FileReference;
				var fileReferenceList:FileReferenceList = FileReferenceList(event.target);
				var fileList:Array = fileReferenceList.fileList;
 
				// get the first file that the user chose
				fileReference = FileReference(fileList[0]);
 
				// upload the file to the server side script
				fileReference.addEventListener(Event.COMPLETE, uploadCompleteHandler);
				fileReference.upload(urlRequest);
 
				// update the status text
				statusText.text = "Uploading...";
			}
 
			private function uploadCompleteHandler(event:Event):void {
				statusText.text = "File Uploaded: " + event.target.name;
			}
 
		]]>
	</mx:Script>
 
	<mx:Label text="Upload File From Flex to PHP" fontWeight="bold"/>
	<mx:Label text="Choose a file..." id="statusText"/>
	<mx:Button click="uploadFile();" label="Upload File"/>
 
</mx:Application>