Solved

Upload file to the server using flex with an ColdFusion Script

Posted on 2009-05-18
3
1,341 Views
Last Modified: 2013-12-24
I am looking for an example on how to upload a file from my Flex app to a server. I have tried many examples but just can't seem to get it to work.

Currently (with the code attached) I can browse and when I select a file and hit open it does nothing ( no error, no message) .

Also tried to put my upload file code in a CFC and send the file info to the CFC - My problem with that is it was looking for a form object

Anyway,  either solution will work (uploading using a CFC or having a CFM script)


Here are a couple of links that I have tried.

http://blog.flexexamples.com/2007/09/21/uploading-files-in-flex-using-the-filereference-class/

http://livedocs.adobe.com/flex/3/html/help.html?content=17_Networking_and_communications_7.html
FileUploadScript.cfm
This is my one line script just to test the upload
 
<cffile action="upload" filefield="Filedata" destination="#ExpandPath('./')#" nameconflict="OVERWRITE" />
 
--------------------------------------------------------------------------------------------------------------------------
 
Flex Code: Bits and Pieces
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#C4C4C4, #FFFFFF]" currentState="Login" width="1000" borderStyle="solid" height="100%" x="0" y="0" verticalAlign="top" horizontalAlign="center">
 
 
			<mx:AddChild position="lastChild">
				<mx:Button label="Upload File" click="uploadMyFile();" x="428" y="88"/>
			</mx:AddChild>
 
			public var fileRef:FileReference;
			public const FILE_UPLOAD_URL:String = "http://localhost:8500/components/FileUploadScript.cfm";
 
	       private function uploadMyFile():void{		
				fileRef.browse();
	       }
 
			private function selectHandler(event:Event):void
			{						
			    try
			    {
				    fileRef.upload(new URLRequest(FILE_UPLOAD_URL));		    	
			    }
			    catch (error:Error)
			    {
			        Alert.show("Unable to upload file.");
			    }
			    
			}
			
			private function completeHandler(event:Event):void
			{				
			    Alert.show("uploaded");
			}
 
			private function init():void{	
							
				fileRef = new FileReference();								
				fileRef.addEventListener(Event.SELECT, selectHandler);
				fileRef.addEventListener(Event.COMPLETE, completeHandler);				
				fileRef.addEventListener(ProgressEvent.PROGRESS, progressHandler);
	
			}				

Open in new window

0
Comment
Question by:mhendrix
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 19

Accepted Solution

by:
Jones911 earned 500 total points
ID: 24417539
Check this article out: http://www.adobe.com/devnet/coldfusion/articles/multifile_upload.html

If your still stuck come back and I'll help some more but this article is really good.
0
 

Author Closing Comment

by:mhendrix
ID: 31582820
Thanks. I had looked at this example before but when I went back it all made sense. The only problem I had is that I had to move the .as file into my personal components directory because flex builder wouldn't recognize it in the com.... directory? Any idea why?



0
 
LVL 19

Expert Comment

by:Jones911
ID: 24420735
If you post a  screen shot of the folder setup and the import statements I mght be able to help
0

Featured Post

Don't miss ATEN at NAB Show April 24-27!

Visit ATEN at NAB Show to learn how our "Seamlessly Entertaining" solutions deliver fast, precise video streaming without delays for the broadcasting and media environment. ATEN will showcase its 16x16 Modular Matrix Switch (VM1600) and KVM Over IP Solution (KE6900 series).

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Article by: kevp75
Hey folks, 'bout time for me to come around with a little tip. Thanks to IIS 7.5 Extensions and Microsoft (well... really Windows 8, and IIS 8 I guess...), we can now prime our Application Pools, when IIS starts. Now, though it would be nice t…
Sometimes databases have MILLIONS of records and we need a way to quickly query that table to return the results me need. Sure you could use CFQUERY but it takes too long when there are millions of records. That is why SOLR was invented. Please …
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…
How to Install VMware Tools in Red Hat Enterprise Linux 6.4 (RHEL 6.4) Step-by-Step Tutorial

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question