Solved

Upload file to the server using flex with an ColdFusion Script

Posted on 2009-05-18
3
1,343 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

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

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

This is an updated version of a post made on my blog over 3 years ago. It is unfortunately, still very relevant as we continue to see both SQLi (SQL injection) and XSS (cross site scripting) attacks hitting some of the most recognizable website and …
Recently while working on a project I got a very annoying cfdocument has no body error message. I had never seen this error before. So I checked the code. The code was pretty simple; it was Just showing me the cfdocumnt tag and inside that tag a …
Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…
In this brief tutorial Pawel from AdRem Software explains how you can quickly find out which services are running on your network, or what are the IP addresses of servers responsible for each service. Software used is freeware NetCrunch Tools (https…

690 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