?
Solved

Upload file to the server using flex with an ColdFusion Script

Posted on 2009-05-18
3
Medium Priority
?
1,344 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 1500 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

Limited time offer using promo code EXPERTS30

Designed with a wealth of functionality and convenience, ATEN's new Thunderbolt™ 2 Sharing Switch takes your Thunderbolt setup to the next level. Now through September 15, 2017, Experts Exchange members get 30% off the US7220 on the ATEN USA eShop using promo code EXPERTS30.

Question has a verified solution.

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

Hi, Even though I have created this Tutorial on My personal Blog, Some people might not able to find my website, So here i am posting it again Today, from the topic it is very clear that i will be showing you here the very basic usage of how we …
When it comes to showing a 404 error page to your visitors, you do not want that generic page to show, and you especially do not want your hosting provider’s ad error page to show either. In this article, I will show you how to enable the custom 40…
In this video we outline the Physical Segments view of NetCrunch network monitor. By following this brief how-to video, you will be able to learn how NetCrunch visualizes your network, how granular is the information collected, as well as where to f…
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…
Suggested Courses

770 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