Someone in #flex was talking about how there were no good examples for doing uploads with Flex and ColdFusion. Sounded like an excellent topic to cover here. Now this example is a tiny bit more complex than previous examples, because I needed to cover two methods of functionality: single file uploads and multi-file uploads. Both processes are very similar, and in my code they actually share a method.
Here’s the MXML application:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" layout="absomWFR#Р׃67&CР4DDР'Bׂ6G&2W'CР&fFRf"הfTƗ7CfU&VfW&V6TƗ7CР&fFRf"הfSfU&VfW&V6SР&fFRf"WEF&vWCU$&WVW7BWrU$&WVW7B'WB6f"РР&fFRgV7FBfBРהfTƗ7BWrfU&VfW&V6TƗ7BРהfTƗ7BFDWfVDƗ7FVW"WfVB4TT5BfTƗ7E6VV7FVBРРהfRWrfU&VfW&V6RРהfRFDWfVDƗ7FVW"WfVB4TT5BfU6VV7FVBРРР&fFRgV7FfTƗ7D'&w6RfBРvRǒvBFrvW2F&RWFV@Рf"vW4fFW#fTfFW"WrfTfFW"$vW2""sVr"РהfTƗ7B'&w6RvW4fFW%ғРРР&fFRgV7FfT'&w6RfBРvRǒvBFrvW2F&RWFV@Рf"vW4fFW#fTfFW"WrfTfFW"$vW2""sVr"РהfR'&w6RvW4fFW%ғРРР&fFRgV7FfTƗ7E6VV7FVBSWfVBfBРW&RvR6VBFvFWfW"vRvB'WBvRw&RW7BvrFРWB&vBvРWDg&Ɨ7BРРР&fFRgV7FfU6VV7FVBSWfVBfBРW&RvR6VBFvFWfW"vRvB'WBvRw&RW7BvrFРWB&vBvРWDfRהfRРРР&fFRgV7FWDg&Ɨ7BfBРbהfTƗ7BfTƗ7BVwFРbFW&R&R7FfW2VgBFWB6FVPРהfRהfTƗ7BfTƗ7E2fU&VfW&V6SРWDfRהfRРV6RРbFW&R&R&RfW27F Р&WGW&РРРРDSF2WFB2W6VBf"R"VFRfW0Р&fFRgV7FWDfRcfU&VfW&V6RfBРW&RvR'VBWBFRFW"f&FV0Рf"W&f'3U$f&&W2WrU$f&&W2РW&f'2הf'7EfVRРW&f'2הFW%fVR'6WFrV6R#РРFBFRf&FV2FFR&WVW7@РWEF&vWBFFW&f'3Р6WB&WVW7BFRWFBF5@РWEF&vWBWFBU$&WVW7DWFB5CРРFBFRWfVBƗ7FVW'0РFFWfVBUE4UDUDDǒf&W2bFF2&WGW&VBBFRf6W"7W'G2@РFW'v6RW6RWfVB4UDPРbFDWfVDƗ7FVW"FFWfVBUE4UDUDDFF6WFRРbFDWfVDƗ7FVW"W'&$WfVBU%$"W'&$FW"РbFDWfVDƗ7FVW"&w&W74WfVB$u$U52&w&W74FW"РР6rFR&w&W72& Рו&w&W72f6&RG'VSРР7F'BFRW@РbWBWEF&vWB&וWDfVDR"РРР&fFRgV7FW'&$FW"SW'&"fBРFW&Rv26RW'&"RvvBFFV6VPРW'B6r$W'&"67W&VB2"$W'&""РРР&fFRgV7F&w&W74FW"S&w&W74WfVBfBРWFFRFR&w&W74& Рו&w&W726WE&w&W72R'FW4FVBR'FW5FFРРР&fFRgV7FFF6WFRSFFWfVBfBРW&RvR6VBFRvFWfW"v2&WGW&VB'FR6W'fW"2&&&ǒW"&W7B&WBРf"ו&W7VCRFFvVBv&f"Рf"ו&W7VC7G&rRFFРРbFW&RvW&RVFRfW2FVWFRFRRvRWFVBBG'FW РbהfTƗ7BfTƗ7BVwFР&VfRvBvRW7BWFV@РהfTƗ7BfTƗ7B7Ɩ6RРvWBFW"FW РWDg&Ɨ7BРV6RРbF2v2FR7BbVFRfRWB&VfR@РbהfTƗ7BfTƗ7BVwFРהfTƗ7BfTƗ7B7Ɩ6RРРРvRw&RFRWFpРו&w&W72f6&Rf6SР&WGW&РРРР׃67&CР׃d&VvC#R"vGF#R"&FƖv&6VFW""fW'F6Ɩv&֖FFR#Р׃'WGF&V$66RRfRFWB"6Ɩ6&fT'&w6R"Р׃'WGF&V$66RVFRfW2FWB"6Ɩ6&fTƗ7D'&w6R"Р׃&w&W74&"C&ו&w&W72"FS&V"&V%WFr"f6&S&f6R"Р׃d&У׃Ɩ6FThe comments point out all the nuances you need to know about. It does the major features, including passing more data with the file, what you can do with the progress event, how to do an upload queue, rather than uploading all selected files at the same time, and how to handle responses from the upload script. This code will work with any backend processor, not just ColdFusion.
Here’s the ColdFusion file:
<cfsetting enablecfoutputonly="true">
<!--- this will upload the file --->
<cffile action="upload" fileField = "myUploadFieldName" destination="#expandPath("./")#uploads/">
<!--- note that all formfields including FORM.myFirstValue and FORM.myOtherValue --->
<cfscript>
myVal1 = FORM.myFirstValue;
myVal2 = FORM.myOtherValue;
</cfscript>
<!--- here you can send stuff back to flex, only if the flash player is 9.0.28.0 or later --->
<cfoutput><myXML>
<file uploadedAs="#cffile.serverFile#">
</myXML></cfoutput>It doesn’t do much, but you can see how to get non-file data passed from flex, and how to send a response. Make sure that, when sending a response, you don’t send any whitespace before what you intend to send back to Flex. Also, note that your users need the Flash Player version 9.0.28.0 or later in order to send responses back to flex.
Hey Shan, the MXML isn’t showing up right on the post.