cffileupload Tag - Uploading Multiple Files

Posted At : December 27, 2009 2:45 PM | Posted By : Kumar
Related Categories: ColdFusion 9, RIA

Back in beta, I had made a post on this new tag in ColdFusion 9. It creates a Flash interface allowing the user to upload multiple files to the server. A pretty easy way to achieve something powerful. Back in beta, there was also a bug with the funtionality. It was that ColdFusion was not automatically passing back Success, Failure messages. With the release now, that has been taken care of, so we can revise the beta code.

Have a look at the Demo

Lets take a look at how simple the code is

fileupload1.cfm:

view plain print about

<cffileupload
	name = "uploadDemo"
	url="uploadSelectedFiles.cfm"
	progressbar="true"
	addButtonLabel = "Select File(s)"
	clearButtonLabel = "Clear"
	width="500"
	height="400"
	title="Multi File Upload Demo"
	maxUploadSize="1"
	maxFileSelect="10"
	extensionfilter="*.txt,*.jpg,*.png,*.doc"
	uploadButtonLabel="Upload"
	>

1  <cffileupload
2      name = "uploadDemo"
3      url="uploadSelectedFiles.cfm"
4      progressbar="true"
5      addButtonLabel = "Select File(s)"
6      clearButtonLabel = "Clear"
7      width="500"
8      height="400"
9      title="Multi File Upload Demo"
10      maxUploadSize="1"
11      maxFileSelect="10"
12      extensionfilter="*.txt,*.jpg,*.png,*.doc"
13      uploadButtonLabel="Upload"
14      >

uploadSelectedFiles.cfm:

view plain print about

<cffile action = "uploadAll" destination = "c:\temp\" nameConflict = "MakeUnique">

1 <cffile action = "uploadAll" destination = "c:\temp\" nameConflict = "MakeUnique">

Very Simple, very easy.

Comments (9) |

Print |

Send |

del.icio.us |

Digg It! |

Linking Blogs | 2118 Views

Comments (Comment Moderation is enabled. Your comment will not appear until approved.)

[Add Comment] [Subscribe to Comments]

Cool stuff !!!!!!!
I tried it today only. Its rocking.
Thank you

# Posted By sandy | 1/6/10 4:06 PM

Apparently it doesn't like variables used in the directory path. I don't get it to work if I use a variable from query.

# Posted By Matthew | 1/13/10 11:44 AM

Matthew,

I don't know what exactly you are trying, but having the path declaration in a variable worked for me:
<cfset abc = "c:\temp\">

<cffile action = "uploadAll" destination = "#abc#" nameConflict = "MakeUnique">

# Posted By Kumar | 1/13/10 7:43 PM

The weird thing is I can pass a url variable to it, I can use cfset and pass a variable, but if I use a variable from a query directly it doesn't like it. I just passed a url variable to get it to work. Just remember that with the flash app it will only read hte first variable after the link and will ignore anything passed the &.

# Posted By Matthew | 1/14/10 11:11 AM

Matthew,

Use URLEncodedFormat around it and it will work. Raymond Camedon had this problem as well and explained that if he used URLEncodedFormat, it worked just fine (and it does).

# Posted By Ray Majoran | 1/16/10 1:04 PM

Good job~

# Posted By iphone clone | 1/29/10 11:25 PM

I've noticed a lot of folks, even Adobe using a wildcard prefix for the extension filter e.g. extensionfilter="*.txt,*.jpg,*.png,*.doc". It does not make much sense to do this and works fine without them e.g. extensionfilter="txt, jpg, png, doc". Of course, if someone can point out why wildcards should be used, please advise.

# Posted By Chris Bowyer | 3/23/10 9:30 AM

In the developer edition of CF9 I still get the red progress bar! Is it possible that this bug is still in the developer edition? Has someone else made the same experience?

# Posted By Gilbert | 6/1/10 6:51 AM

@Gilbert I'm not aware there is a bug. Perhaps something else is wrong. The following works fine:


<cffileupload
   bgcolor="white"
   extensionfilter="jpg"
   height="400"
   maxuploadsize="1000"
   url="upload_action.cfm"
   width="600" />


<cftry>
   <cffile
      action="uploadAll"
      destination="#ExpandPath('./uploads')#"
      nameconflict="makeunique" />
   <cfcatch type="any">
      
      <cflocation url="upload.cfm" statuscode="301" addtoken="no">
   </cfcatch>
</cftry>

# Posted By Chris Bowyer | 6/19/10 1:28 PM

[Add Comment]