AsFusion

Its about time, I was wondering if this would be possible with the new addition of I/O in player 8. Thanks for working on this! I see a patch coming for Coldfusion.

Has anyone else noticed flash forms run extremely slow in flash 8? It was so bad I had to uninstall and go back to 7. :(

It feels faster to me also, although the upload app seemed a little slugish, but it is in beta right ;o)

Is there a way to display the uploaded file when it is uploaded - provided it is a image file?

Is there any chance this thing has a way to prevent users from uploading files over a certian size?

Thanks!

Does a copy of the swf file need to be in the same folder as where the custom tag is being called?
I don't seem to be able to get it to work otherwise.

http://www.macromedia.com/software/flashplayer/public_beta/

Remember, google is our friend... ;o)

Yea, I noticed that right after I posted... I guess it helps to read the instructions first ;o)

Thanks for the response though.

Oh no, I was just joking...

It seems whenever a bug is reported in livedocs, the developer says it will be fixed in the next release of ColdFusion.
This behavior has always bothered me, but now I am in the ColdFusion MX 7 Updater Beta program so things are looking up.

I posted this in the mxna comments but since this thread is more active here it is again... Any help would be greatly appreciated.

Strange problem:

I am adding data to a table using remoting and I get the following error (from handler.onStatus): "Error while calling cfc: Service app.services.facade does not have a method addData that matches the name and parameters provided." However it adds the data correctly. Here is what I am doing... In the facade file I have a addData function that looks for the arguments method (string used in switch statement to determine what function to call in another cfc) and fields (structure that hold all fields passed in). Then I have an action script function that is pretty much exactly like the one in this example to call the facade function. In my cfm file, on the click event I call the as function with following code:

_global.addRecord({
gridName:myGrid,
method:'addContract'
fields:{
idn:selectBox.selectedItem.data,
number:number.text,
(etc....)
}
});

Any ideas??? Is there a problem with my fields structure? I am trying to make the facade function more dynamic by passing a structure instead of individual args... Like I said it is inserting the record correctly just throwing that error... So it is running the function or the row wouldn't be added... What causes the handler.onStatus section to execute? I am trying to returning a result to get the primary key of the added record, but it is running the cfc function and return a status instaed of the result.

Thanks,
Brian

got it working now... error was in the variable I was returning...

Is there a way to use other input fields like "My File Name" and one buttom that triggers upload and submit of other form fields?

nm , I got it. Dang Typos always kill
me.

It is good, because i am finding the solution on upload file in cold fusion.
I am also find the solution on how to update the upload file. Do you have the solution on that?
thank you!

Is there a way to change the destination folder of the uploaded file? I can not seem to figure out what expandpath is.

Thanks.

From my perspective everything looks ok; I'm able to open a file browser, select the file and even upload. The progress indicator runs but I continually receive an "HTTP Error number:500".

Anyone have any ideas?

Hi guys.

This is a great script, thank you so much!

I have just integrated the tag into my cfform and it's browsing for the file which is great!

Please could someone tell me if/how you can alter the buttons and input so they dont wrap? I would like to try to get them to merge into the rest of the form without looking like it's been placed on top.

Many thanks,
and keep up the great work!

Matt

Thanks Laura! :)

Pegarm,

Yes, I added "_root.submitForm();" in the onComplete listener. See my example below:

<cfif attributes.progressInfo>uploadListener.onComplete = function()
{
output.text = "Upload complete";
_root.submitForm();
}
</cfif>

I'm really thick! I found the action page in the form (I forgot it was there!)

Sorry! :)

There's a slight bug in that although the file selection dialog filters to a file type, it does permit *.* as a search term, and so any file type can be uploaded.

Also, is I cancel the file dialog but then choose to 'browse...' again, all the listeners fire twice on each event. The listeners fire as many times as you've had the browse dialog open.

This needs to be improved.

Great job though

Hi.
I am sooo almost there with what I needed this form to do. Only one thing holding me back now, and I would really REALL appreciate help on this one (my job may depend on it..)

The actionfile uploads the files, and makes unique in case of duplication.
In my form, the form data is then inserted into a database to store the filename and location on server.

However, if the file was renamed using cffile, the new "unique" filename is not being transferred to the database, just the original filename in the input box.

Please please please does anyone now how I can change this so that if the file is renamed on the server side, the new name is sent to the database?
I tried cffile.serverfile, but as the actionfile is a separate page, I dont know how to transmit that data to the form action page that inserts data into the database.

Please please please?

Weird ... I'm all of a sudden receiving the "IO Error" whenever I try to upload, too. I'm not using a network share, however. Any idea what the bug might be resulting from?

(Thanks much for the response earlier, too.)

Does file upload work, on a mac?
I have the prerequisite versions of browsers and OSX, every example i have found on the web (~8), and written myself, throws an IO error.

All work fine on WINXP IE,Netscape etc. I am however running OSX under PEARPC (poor developer, and this customer only has macs), is this my problem?
Next step tracing the network!

Here it is what's in the fla file:

// Action script...

// [Action in Frame 1]
function addListener(listener)
{
imageFile.addListener(listener);
} // End of the function
function browse(list)
{
imageFile.browse(list);
} // End of the function
function upload(path)
{
return(imageFile.upload(path));
} // End of the function
var imageFile = new flash.net.FileReference();

How can you get the file to rename with a random number. it is throwing an error when i try and rename the file.

I have included uploading a file into my form. How do I make it required like I can a input field?

Thanks

(ex)Idiot here..

I found the problem..
The 'Default CFFORM ScriptSrc Directory' in my MX7 & linux setup was set wrong!

After playing with it, I got it to work..

Anyone try it on fusebox app? Can't figure out what is the path.

I'm trying to make the 'uploader' to go to the next page when uploading is done.

I have tried by adding the following in the uploadListener.onComplete = function()

<!--- start added stuff for redirect --->
getURL("http://www.domainname.com";);
<!--- end added stuf for redirect --->

The getURL does not work :-(

Anyone here who might have a hint, on how I can get this done?

Hi Laura,
FYI, I'm using FuseBox MVC
all the files (upload.cfm ,flashUploadInput.cfm, flashUpload.cfm, fileUpload.swf) are in the /view/pages

I change the path as follow:
<cf_flashUpload actionFile="view/pages/upload.cfm">
and
<cfparam name="attributes.swf" default="view/pages/fileUpload.swf">

It shows "HTTP Error number:404"
when the progressBar done uploading

Did I miss out anything?

No luck still...
I've been trying absolute and relative path for both, same error keep showing up at the end of uploading.

I tried all:
actionFile=/view/pages/upload.cfm
actionFile=view/pages/upload.cfm
actionFile=upload.cfm
actionFile=http://#cgi.HTTP_HOST#/myapp/view/pages/upload.cfm

Thanks!

I can do a CFFILE upload without any errors at all. When I use this custom tag inside a flash form, I get prompted for logon credentials every time, even though I'm trying to upload to the exact same location. Even stranger, is that no matter what credentials I use (including the local administrator account), it fails with a 401 error. Any ideas?

Chris Albutt:

I had the same problem some time back when I used this example. What you need to do is in the CFAdmin "Default CFFORM ScriptSrc Directory" Make sure that the path to the scripts directory is correct. I have it deployed on WebLogic and my path was all messed up and was getting the same error lc_id not defined. If you have given a context root then It needs to be there in the path. In my case I have / as my context root so this is what my path looks like: /CFIDE/scripts/.

Hope this helps..

I have some more information that might help. It apears that the upload will fail at 64mb intervals. If I watch the input to the server durring an upload i can see a conanstant bytes per sec in at around 1058028. At 64mb, 128mb the upload flash will stall, maybe for a few seconds. The result is that the stream is interupted and lost. following on the flash routine will continue for a while and then error with an IO error.

So what is causing a pause every 64mb?

Coldfusion mx7 Enterprise (windows).
Firefox and IE

Thanks

Steve

I am able to upload files using this code...Thanks for the great code!

However, when another user (non admin) tries to upload they receive a 401 error. I have opened it up to them as far as I can and they still get the error. They can directly save to the folder, but cannot save via the upload process. They are asked to authenticate each time they try to upload a file but receive the 401 error even with proper credentials.

What I would prefer to do is to have the repository for uploaded files to reside on another server. This would allow me play around with rights a little more as far as who can write to the folders, etc. I have given an example directory structure below and under it pose some facts and questions.

SERVER1
=======
root
..level1dir1 (documents)
..level2dir1 (department)
..level3dir1 (office)

SERVER2
=======
root
..level1dir1
..level1dir2
..level1dir3 (inetpub)
..level2dir1
..level2dir2 (wwwroot)
..level3dir1
..level3dir2
..level3dir3 (intranet)
..level4dir1
..level4dir2 (documents)
..level4dir3
..level4dir4 (upload folder)

1) Upload intranet site resides on SERVER 2 in the 'upload folder'.

2) Using code 'As Is' results in file being uploaded to 'upload folder'.

3) Altering UPLOAD.CFM by changing 'destination="#expandpath(".")#"' to 'destination="#expandpath(".")#/../level4dir2"' results in files being uploaded to documents directory on SERVER 2.

Q1) How do I change this line of code to specify a location on another server as the repository for uploaded files? i.e. I want the files to be saved to SERVER 1 into folder OFFICE.

Any help will be appreciated.

I really like this, it's just what i've been needing. And from a design point of view I love the colours used.

Just my problem is that i'm on a co-hosted site so i don't have a cf-tag directory but i'd like to use the cfmodule. Should this be how I am referencing it:

<cfmodule template="/webs/02005/cftags/cfform_fileUpload/fileupload.cfm" name="cf_flashupload">

In this sort of way?

Hi,

I managed to get it to work but i had to have my CFTAGs in the same directory as where my form was.

Anyhow, i'm on to a new problem now. I am trying to insert a query on the upload.cfm page. Should this be possible?

<cfif structkeyexists(form,"Filedata")>
<!--- upload file with whatever attributes you need, additional variables may come in url scope --->
<cffile action="UPLOAD" filefield="Filedata" destination="#expandpath(".")#" nameconflict="MAKEUNIQUE">
<cfquery name="AddImage" datasource="user020">
INSERT INTO tbl_020eventImages (eventID)
VALUES (#form.eventID#)
</cfquery>
</cfif>

Should this be possible to add the value #form.eventID#? eventID is a field which is also in the form where my cf_flashupload tag is.

Should upload.cfm be able to receive the parsed form variables?

It's saying error 500 in the progress bar after it's finished uploading. It's fine without my query. After testing it appears it can't read #form.eventID#. But should it?

Any help i'd be very grateful.

Thanks,

Hi Laura,

First, thanks for the follow up response.

I tried your suggestion, and was unable to make it work. I suspect maybe there is a version difference between my version of CF and yours. Could you tell me what yours is? The server I am hosted on is running 7,0,1,116466 which is the 6.1 updater - so I don't think there is a newer one out there.

The only other option I can think of is possibly the way my application.cfm is structured is causing the problem.

Here's how I called the tag - it successfully sent the CFTOKEN and CFID values according to Fiddler, but I still get the log in box.


<cf_flashUpload name="productImage" actionFile="uploadImage.cfm?#SESSION.urltoken#&itemID=#URL.itemID#">                  
<cf_flashUploadInput progressBarStyle="#progressBarStyle#" buttonStyle="#buttonStyle#" inputWidth="150" />
</cf_flashUpload>

Hi everyone,

I'm using this great piece in a Fusebox application and it works. I've seen that some people have problem with it, so here how I configured it:

In my case, upload.cfm is in the same folder as the caller page. I am uploading in a folder "images" which is at the site root

actionFile = "upload.cfm"

and in my upload.cfm page:
destination="#expandpath('../images')#"

I hope it will help you guys!

-------

On another hand, I have a small question.
I'd like to update a datagrid field with the image name after having clicked "Choose file" and..well, chosen a file.
I tried to bind a text input to the img_name field, and then apply an "onChange" action to this input, but it doesn't work.
I can't seem to find where I could modify the CFtag code to launch an action after having chosen the file... Any idea?

And thanks again for your great work, which often saves my day.

Nathbot:

You may want to try one of these posts:

http://www.asfusion.com/blog/index.cfm?mode=entry&amp;entry=1F1D08FE-3048-525A-B25E7A5D4D8EF256

http://www.asfusion.com/blog/entry/showing-an-image-after-upload

http://www.asfusion.com/blog/entry/thumbnails-in-cfgrid

They should help you out....

Unfortunetely, it doesn't work for me Nathbot.
I'm glad it work for you! btw, which version of FB you using?
I'm in FB4.1 MVC

I was wondering if anyone could help me on this one. I'm trying to add two upload fields in the same action but it wont load. I used two &quot;&lt;cf_flashUploadInput.. &quot; inside &lt;cf_flashUpload, and i tried other avenues but non working, im trying to be able to upload 2 files and add comments in another field, how can I do this?

Thanks guys

Hi all,

What wysiwyg editor/programs do you use to edit this 'cfflash' stuff?

I am using 'Dreamweaver' and 'Notepad', but they do not really work for layout stuff.

Hi Jason,

I think I've figured out you can make this work on Fusebox (I'm using 4.1 as well).

I'm gonna try to make it simple...

First, check this line in flashUpload.cfm:

<cfparam name="attributes.swf" default="path_to_folder/fileUpload.swf">

the "path_to_folder" thing must be in the fusebox way, i.e. if your swf is in the folder "admin" which is at the root, you just put "admin/fileUpload.swf".

Then, in upload.cfm:
what I hadn't figured out before, is that the path is relative to the previous param. For instance, in my case, I upload files to a folder named "docs" which is also at the site root. So I use this destination path: #expandpath('../docs/')#

I hope this time it helps you, tell me if you still have problems!

Works fine locally, but when I upload the files to a remote server its says that the file has been uploaded but then nothing ever shows up in the specified folder, or any folder for that matter. Can someone help me with this?

Forgive me for not reading through all of these comments, but is there a way to add another input, say a text field? I have an upload function that requires the user to type in a description, which also gets put into the database.

Thanks,
Danny Young

Sorry, in IE on my shared CF server the browse and choose file buttons appear, they just don't do anything when clicked on. I have Flash 8.

Thanks again.

I am looking for a possibility to select and upload multiple files. I am working with ColdFusion and found this article very interesting. The post from Posted By NRR / Posted At 8/26/05 11:25 AM seems to be exactly the thing i am looking for, but i did not found the promised example:

NRR,
yes, that can be done. We'll make an example when we get a chance.
Posted By Laura / Posted At 8/26/05 3:00 PM

Thats why i ask again if it is possible and if maybe someone does know of an example.

Hi All,
I'm using the script and everything works fine.

But, when I make a resetForm() the 'Browser' button doesn´t work any more...Could someone help me with this?

Thanks a lot,

So I would to do is to show the contents of the directory on the fly. So as a new file is added it shows in another area without the need for re-loading the page. If i was working with a normal CFML page I would use a form and CFdirectory, the form to upload the file and the CFdirectory to show the files. This needs a re-load that I don't think I should need in the CFform-flash enviroment. Can anyone help?

I need to update a database with some other form information. One of the fields is a large text field, a description of the program they are uploading. Is there someway I can put in the databse without haveing to pass a potentially very long variable through the url? Also how can I change the name of the file being uploaded, I know its in your show image after upload code, but thats just to complex for me, im just a 17 year old kid, so thats a bit above my head right now. Thanks!

I am having some difficulty trying to assign dynamic destination paths in the upload.cfm file... any ideas ?

very cool stuff!

I am trying to integrate the file upload tag with the address book example.

http://www.asfusion.com/blog/entry/coldfusion-flash-forms-cfdj-article

I'm afraid when you click on the browse button, nothing happens. Yet, when I have the file upload without all the other code of the address book, it works fine...???

Has anyone tried to blend the address book with the file upload tool?

I am having the same trouble as Kiley. I tried blending this with the address book and it does not work. Nothing happens when i click the choose file button. But if i just have the file upload outside the address book example, it works fine. Any ideas?

How do i use this, its just what i need but have no idea what to do? Someone please post here or eamil me [email protected] please!

A forum would be a great resource for collaboration. I look forward to receiving an email when you get the multiple file upload expample working. Cheers!

Does anyone know what variables the flash form is sending besides filedata? I'm trying to FTP the file-to-upload to another server without the need to use CFFILE first and I need to obtain the the file name (or at least the full path to work from) on the client side to do that. Is there a way to get this information?

i've noticed that the oncomplete attribute of this tag fires exponentially when multiple file are uploaded without reloading the page...

in other words, if i upload once, it fires once...if i upload again, it fires twice, upload again, fires three times...

any ideas? i'm dying to get this working right.

HTTP Error 500
Hello,

Does anyone know what causes HTTP Error 500 yet? I personaly can get it working great, and so can my father on two seprate internet connections, in two sepreate places etc. I use IE, he uses FireFox, and IE Beta All work fine

My father accually Pulled the file from an Exteral Drive when uploading and it works

But I have a third friend, who gets error Http 500 error. Any Ideas

Please e-mail me with a solution to this problem, and I will donate a piece of money.

[email protected]

For those using fuseaction, here's how I got mine to work:

<cf_flashUpload name="defaultFile" swf="_cf_templates/myForm/fileUpload.swf" actionFile="_cf_templates/myForm/upload.cfm">
      <cf_flashUploadInput />
</cf_flashUpload>

sorry, I mis-posted.

the swf is the relative path to the flash file. then the upload action file is relative path from the swf.

hope that helps.

For anyone who is getting the error message: "HTTP Error number:500", make sure you're using an absolute path in destination="" in the upload.cfm file. I was initially using a path relative to my web root.

Can someone please help me I cant get this to work.

I had the same issue when I was implementing this at work. You may not have permissions on the directory you're uploading to correctly. 755 won't do it in some cases. Try 775 and see if that works.

Hmm...well if it was a regular ColdFusion page you could tell it to go somewhere with a cflocation tag (i.e.: <cflocation url="somepage.cfm">), but because the flash uploader is calling the upload script, I don't think it's possible to forward to another page without editing the ActionScript in the file uploader (which we don't have access to). I think someone posted something in this thread that contained the ActionScript code that makes the file uploader work. If that's the case, you could just add the getURL() function to be executed when the file upload has finished. That's just an idea, though. I certainly haven't tested it.

Any update on the upload from network drive function...? This is pretty important for my app. Thanks

Hi,

I have a problew, when I have :
<cfsavecontent variable="uploadScript">
....

<cfoutput>
...
uploadSwf.upload("#actionFile#?id=imag1.jpg");
..
</cfoutput>
...

<c/fsavecontent>

This one work, but when I decide to put this one inside a function like :

<cfsavecontent variable="uploadScript">
....

function callUpload() {
<cfoutput>
...
uploadSwf.upload("#actionFile#?id=imag1.jpg");
...
</cfoutput>
}

callUpload();
</cfsavecontent>

This one Not Workingh ??? Why the <cfoutput> inside a function don't work and what is the solution to make it work inside a function ??

THKS a lot...
Need Help.
Neo

Neo

Why doesn't the upload work from with-in the application framwork and using cfabort. In the following code, if i take the cfabort out, it uploads fine, Put it back in, and the file will not be uploaded.

<cflogin>
   <cfif not isdefined("cflogin")>
      <cfinclude template="login.cfm">
      <cfabort>
   <cfelse>
      <cfinvoke component="/universal_cfc/security" method="authenticateuser" username1="#cflogin.name#" password1="#cflogin.password#" returnvariable="auth"></cfinvoke>
      <cfif auth eq true>
         <cfloginuser name="#cflogin.name#" password="#cflogin.password#" roles="admin,manager">
      </cfif>
   </cfif>
</cflogin>

Select and upload multiple files plus some other data using cfinputs is really what I am looking for!
Then using cfinsert add all data to my datasourse.
I am quite close using this great custom tag however both browsers either get crashed or manage to have just the data in the database and not the actual files into the destination folder. I am really confused. Is there any way to have this kind of form? or should I have in different cfforms?

Great example. I can upload the file with no problems.
I need to save file name in the database using remoting. How to get the file name saved on the server when nameconflict=&quot;makeunique&quot;?
Thanks,
b.

Great little app, but for some reason as soon as the upload is complete, the file is deleted from my cf temp directory, and it doesn't appear that anything in my actionFile is being ran.

First thing I do in my action file is check to see if a specific directory exists (abolute path), if the dir doesn't exist, cfdirectory to create the directory. But the directory isn't ever created. However if I do a standard &lt;form&gt; and point to the action page, it all works, and all of my other cf code on the action page runs.

the flash form does return an &quot;upload complete&quot; and when I check in my coldfusion-event.log I get a

03/31 15:02:48 error Corrupt form data: premature ending
java.io.IOException: Corrupt form data: premature ending error

its almost like the &quot;stop&quot; signal is being sent to the server right at the end of the upload which casues my action script not to run.

Thanks for the help

hi all,
for anyone using fusebox... tested with FB3...
the easiest way to make this cool stuff work is to put upload.cfm and fileUpload.swf in another folder...i mean in your web folder.
the only reason dat i can think is there's no way framework application like fusebox will allow access to a *.cfm file using absolute path

coding sample:
this in in cfform file...
<cf_flashUpload name="defaultFile" actionFile="/upload/upload.cfm" swf="/upload/fileUpload.swf" fileTypes="*.jpg;"> <cf_flashUploadInput />
</cf_flashUpload>
this is in upload.cfm file...
<cfif structkeyexists(form,"Filedata")>
<!--- upload file with whatever attributes you need, additional variables may come in url scope --->
<cffile action="UPLOAD" filefield="Filedata" destination="#expandpath('/yourApplicationName/folder')#" nameconflict="makeunique">
</cfif>
thanks to Laura

I changed the name=&quot;defaultFile&quot; to a custom value, and that broke the entire thing.

So I'd suggest leaving the name parameter to its default. And then on the action page be sure to reference the file as &quot;FileData&quot; (filefield=&quot;Filedata&quot;)

Can't wait to get this thing into production!

Currently for our site you must got to a page that allows you to login in (username and password). If successful it takes you to an intermediate page that tells you, you were successfull with a button to take you to the directory listing page.

The directory listing page shows the files currently in your directory and also contains the objects used to browse for and upload files (multipart form?).

I would like to add the progress indicator to this section of the website. Can this example simply be copied into the code that already exists.

Here is the code that refers to the upload objects:
<cfoutput>
<form action="uploadfile.cfm" enctype="multipart/form-data" method="post">
<input type="hidden" name="vDirectory" value="#form.vDirectory#">
<table cellpadding=0 cellspacing=0 border=0>
   <tr>
      <td><b>Upload a File:</b></td>
   </tr>
   <tr>
      <td><input type="File" name="FileName" size="38">
      <input type="Submit" value="Upload File"></td>
   </tr>
</table>
</form>
</cfoutput>
</body>
</html>
Thanks.

Hi there,

Does anybody know if apple macintosh (firefox) is causing any problems in this case. I keep getting HTTP error 500. While working on my Windows-PC everytihing works great. I've installed latest mac-OSX flash player. Very strange (and time-consuming rather). Any help is welcome

Mark

I have this almost working perfectly! These posts are very valuable.

One very quick question:

I have the file upload on a form with several fields. How can I post the form if the file field is empty?

Kiley

I'm still a bit lost. I'm working in a app. that uses cf login against an LDAP server. When I try to run the code as is I get the progress bar to initially say 100% then immediately switches to HTTP error number:500. Working on CFR 7.0.1 on solaris, with network drives. I have opened up permissions up the tree from where I'm trying to write.
From all the comments on this post I can't tell if I have an authentication issue or a directory permissions issue? Help?

I have added this functionality to an existing form but if I have it in a tabbed form group then nothing happens when I click the "Choose File" button. As soon as I take it out of the tabbed form group it works fine. What am I missing here? I'd like to keep it on the tabbed page.

Hi,

I'm trying to use this in conjunction to adding information to a database. For example, I'd like to store a document title, description etc. along with the file name, *and* upload the file. I believe people have done that here, but I can't get it to work. Where can I put my insert statements? I've tried in the upload file, but that gives a internal server error (500).

Thanks, Kieren

Laura,

Similar to my comment on the other file upload example. After I choose a file, the input field reads "undefined" instead of the file name. Then when I click upload the percentage reader does the following:

NaN% Uploaded - 3.9 MB of 0.NaN MB

What am I doing wrong?

Thanks for your help.

Does anyone know if it is possible to upload an entire folder rather than individual files with ColdFusion using CFForm?

Hello,

Thanks for the wonderful example. I was wondering how I can get the name of the file that was uploaded. I would like create an auto email send to me whenever a file gets uploaded with the name of the uploaded file. How would I reference the file name?

Thanks,
Jimmy

I get a popup login window when trying to upload a file. It is the Windows network login screen and the progress says 100% and when you add your creditials to the login screen..it gos away but there is no file. Has anyone run into this. The upload folder is wide open to everyone but I still think it is permissions but not sure where...

My CF install is I:\Cfusion... but the web root is I:\inetpub\wwwroot\phanet\....

Any ideas...I would like to use this upload rather than the HTML method...

Ed

we do not have authentication turned on for our web site but we get the login window for the web server when we try to upload...I have loaded Fiddler and watched the packets...the wierd thing is that when fiddler is running on my PC the upload works fine..but when it is not running the upload give a 401 error....

Any ideas on this one....

Ed

Hi, I can't seem to get your example on the website to work. I was uploading a .txt file with only a few words in it (just to test). Thoughts?

Thanks!

I'm puzzled. Everything seems to work just fine. I get an "Upload Complete" message, but when I go and look for the file on the server it doesn't exist.

<cfform name="myform" width="520" format="Flash" timeout="100" >
<cfformgroup type="panel" label="With styles" style="#contentPanelStyle#" width="500">
<cf_flashUpload
   label="Flash Movie Upload"
   name="FlashFile"
   fileTypes="*.flv"
   fileDescription="Flash Video"
   actionFile="UploadFlash.cfm?ListingID=#URL.ListingID#">
<cf_flashUploadInput
   buttonStyle="corner-radius: 4;"
   inputStyle="fontWeight:bold"
   inputWidth="150"
   uploadButton="true"
   uploadButtonLabel="Upload"
   chooseButtonLabel="Choose File"
   progressBar="true"
   progressInfo="true" />
</cf_flashUpload>
</cfformgroup>
</cfform>

<cfif structkeyexists(form,"Filedata")>
<cffile
   action="upload"
   destination="#expandPath('../data/video/Flash')#"
   filefield="FileData"
   nameconflict="makeunique"
>

It is possible to add input=text fields in it?
I tryied but I can't get the variables nor cfdump in cffile or cfmail is allowed (error 500)
I saw the questions but no answers.
Can we see any example even for url strings?

There seems to be one big flaw with this component. When the file is submitted to the server, its very important to those of us who write web applications that the http cookies are passed. This seems to work correctly in Internet Explorer. In Firefox, the file upload seems to not send through any cookies (CFID + CFTOKEN = a real session) so when my upload CFM file tries to fire, it thinks the user is not logged in.

Any ideas?
Jon

This is a great script but I believe there is a security flaw with it..i think this has been mentioned before but there has been no following.

If a user clicks choose file, writes *.* in the file name input field and validates it by pushing the enter key , any type of files are then listed.
in other words, you can virtually upload whatever file you wish and not only jpg.

I use this script for my personal needs, so no worries here, but I thought it would good to share this finding with people using it on a production server, where visitors can upload files. It could become problematic.

It's only a security risk if you choose to make it one. You don't have to allow people to upload any file type. Are you suggesting to include a parameter that allows you to choose file types you don't want to let people upload rather than only setting the types you want to allow? That would be a good feature, but it still doesn't get around the file extension renaming problem you brought up. Of course, it could check the content header (not sure if this can even be done locally, but if it can it's probably not that easy) but then the user could just insert a false content header. That's harder than renaming it, obviously, but if they know how to bring down a server they probably know how to do that.

As far as I know, there isn't really a good way to check on the client-side for malicious/bad files. Building this stuff in probably wouldn't help with actual security that much. There would need to be some serious server-side checking to ensure the file didn't contain malicious code, unless there's a simple way of doing this that I don't know about. Please tell me if there is :).


- Adam

What am I missing here? Why not just use the accept attribute of cffile? Who cares if someone can hack around the front end as long as you can reject it on the server...

From Adobe documentation regarding "accept":

Limits the MIME types to accept. Comma-delimited list. For example, to permit JPEG and Microsoft Word file uploads:

accept = "image/jpg, application/msword"

The browser uses file extension to determine file type.

Great app but does not seem to write the file to the destination. Am I missing something?

Did anyone find a way to use these form with files > 64 Mb?

Hi,

Never mind my previous comment, it worked, the email was just delayed. Thanks for a great app!

A customer of ours is using this tool and is getting the error "corrupt form data: premature end" ... Anyone have any tips?

WIll you post the .fla

I demand it become so.

Hi!
One of the sulutions to select at once and upload multiple files or all files within folder is Flash upload control. It works in all browsers and OSs and just needs Flash player on client side.
See example here

http://www.element-it.com/DEMOMULTIPOW.ASPX

I have my page setup nicely using this form, its a pity the clients using it are not the most computer literate people in the world.

Is there anyway i can have the file automatically upload once they have selected it? as opposed to having to click upload?

I know its simple to just click on upload, but its the simple things that people sometimes stuff up. Too many times am i getting phone calls saying they are getting an error "cant find *.*" when they submit the form, all because they didnt click upload......

:( save me from these nubs! please!

Thanks heaps, G

Wonderful tool! I have it working to perfection on our development server yet when I move the same files to the production server, the form appears but the choose file button does not function. Is there an obvious reason (software/patch/etc.) for this not to work? Both machines are patched for windows and CF.

Thanks for the help!

DJ

This form work great on my development server which uses the standalone cold fusion web server, but on my production box which uses IIS 6.0, cold fusion 7.02, and active directory for authentication I am having some problems. When I try to upload a file on the production box I am able to select a file and begin the upload. The status works and shows the file being uploaded up to 100%. Once it reaches 100% I am asked to login again to active directory. The file is never uploaded and if I try to close the browser (IE7 and Firefox) both freeze.

I can get a file upload to work using (this one works):
<cfif isdefined("form.upload_now")>

<cffile action="upload" filefield="ul_path" destination= "uploadspot" nameconflict="makeunique" variable="FileName">
<cfdump var="form">
</cfoutput>
</cfif>



<cfform method="post" name="upload_form" enctype="multipart/form-data" id="upload_form">
<br>
File Name: <cfinput type="text" name="FileName" id="FileName" size="150" width="100" required="yes">
<br>
<cfinput type="file" name="ul_path" id="ul_path">
<br>
<cfinput type="submit" name="upload_now" value="submit">
</cfform>

I am guessing this is a security issue but I am not sure where to look (IIS or Cold fusion)

Thanks in advance

:'(
How can i apply to this code the multiple file selection!!!!????
I'm trying to learn based on fileexport examplo but isn't working!!!!
somebody help me please!!!!

Ok Getting the 404 error issue... here's the scenario.

I have a fuse box application. Multiple tab navigation flash form. the code i am using is strait forward.

<cfformitem type="text" style="fontWeight:bold">upload</cfformitem>
<cf_flashUpload name="defaultFile" actionFile="user/upload.cfm" swf="user/fileUpload.swf">
<cf_flashUploadInput />
</cf_flashUpload>

The uploader brings up the dialog box and locates the file fine, but when submitted I get the 404 error. I have read every post on this issue and tried every option I can think of.

1. Placing the upload.cfm file in the root directory of the fuseapp next to the index file.
2. placing the upload file in the parsed directory (just thought i would try.
3. using /user/upload.cfm
4. using user/upload.cfm
5. upload.cfm

I even took the full example folder that i downloaded from you and tried it as it was (that worked fine) so i know it is not your issue, but i am not getting it to find the upload file.

Any help would be greatly appreciated!

I was wondering if there is a way to redirect to another page after upload of the file? I want to do some image resizing after the file is uploading and was wondering where to put my code...

I was wondering if you might offer a CF5 version of the tags or at least a detailed attribute list for the flash object that could be used to write one.

Laura,

Thank you so much for this script it is making my project so good. I have one question. I am now trying to create a delete button so i can clear the data from the database and delete the file form the server. I would like it to do this similar to the upload in the fact that i don't want it to leave the page just call the coldfusion script in the background like the upload.cfm is called. Is there an easy way to do this? Any help or resources to look at would be greatly appreciated.

Laura and Company,

Once again, you guys rock!! from your examples and help it works perfectly. Thank You, Thank You, Thank You.

Now I have one really strange question that you might know of how to fix. My form is quite long and I can't break it up into smaller chunks like tabs or accordions. :( Since my form is so long, my alerts show up "after the fold", so in order to see them you have to scroll to find them. Is there any way to control where or how they show up? I have the same problem with the loading scroller, it shows in the middle as well so people don't see it while loading.

If you could help me figure that one out you would be second in my book to the almighty. Any Ideas?

Hi All,

I have been trying to get this integrated into an exsisting form. What do I want:


I have a form with two text fields and one textarea.
I also want to have a 'upload file' field in the form itself.

In my old form (a <cfform> form)I post into a new page and executing the upload on this page aswell as the insert into the SQL database.

This example above only explains how to create a flash component to upload a file. I want the users to click one submit button and if the 'upload a file' input field is filled, then the form fields must be inserted into the database and the file must be uploaded.

Does anybody have an example for this?

Thanks,
RIchard.

I was ecstatic to hear that this component existed after put 'all my eggs in one basket' with a Flash form. Unfortunately, I am experiencing a similar problem as several people. After I click 'upload', the progress bar builds and it says Xkb of Xkb uploaded but then returns HTTP 500. I'm new to ColdFusion and my ActionScript experience is limited to basic functionality. Any help is much appreciated. I'm willing to pay for some support if you can get it running. Shoot me an email if you can help. In the meantime, I'm going to remove this component and go about the file uploads some other way.

My final hurdle...

My form includes 3 panels which use your uploader. When the form submits, I want the server filenames of each of the files emailed to me along with the content of the other inputs. I'm not sure how to target each file in my sendmail script. I read that you can't pull the server filename, so I suppose I'll have to rename the files on submit.

Thanks!

Hi,

I got the File upload to work using format="flash", but how do I submit other flash form elements to the action page as well? Uploading a file is not very likely to be the only form element. What if there are other elements on the form, e.g. firstName, lastName etc... How do they get submitted?

Your help is much appreciated.

Marko

If you're using asp.net instead of coldfusion on your back-end check out this C# source that will take care of the server side stuff.

HttpFileCollection files = Request.Files;

System.IO.BinaryReader br = new System.IO.BinaryReader(files[0].InputStream);
byte[] bytes = new byte[Convert.ToInt32(Request.InputStream.Length)];
bytes = br.ReadBytes(Convert.ToInt32(Request.InputStream.Length));
string fn = files[0].FileName;
string path = Server.MapPath("uploads") +"\\"+ fn;
FileStream fs = new FileStream(path, FileMode.Create);
fs.Write(bytes,0, bytes.Length);
fs.Close();

Hello, i have developing the site www.fotocolorcarlospaz.com.ar and i want to add the upload function to my site, but i don't have any idea about programming. Could somebody help me to insert this coldfusion code into my site to upload photos? THANKS!!! My e-mail is [email protected]
Also, I could pay a few money for this job. THANKS TO ALL!!!

I am sorry, but I am totally lost with this onComplete and getURL thing.. I have everything working just fine.. I just need to have the page go back to itself to show the updated files. Can someone please show me code examples of how I am supposed to get the code to show me this?

files.cfm?FOLDER=#URL.FOLDER#

Thank you.. ANy help would be greatly appreciated..

how do i edit .cfm file in Cold Fusion MX , for some reason i cant open it or maybe iam not doing it wrong, or i should use something else to edit .cfm

please help
Alex

Jeff, in case you haven't figured this out yet...

onComplete="_root.getURL('files.cfm?FOLDER=#URL.FOLDER#')"

Or you could post your form to a page for additional processing by setting the action attribute in the cfform tag and calling the following in onComplete.

onComplete="_root.submitForm"

Hope that helps.

tim

I am trying to rename a file when it's uploaded... I downloaded the examples provided at http://www.asfusion.com/blog/entry/showing-an-image-after-upload
but when I run it, it does'nt rename the file...it puts the file in a folder named whatever var I pass to it. For example, If I upload a file called hello.jpg and pass a form var with "nameitthis", I get a folder titled nameitthis.jpg with a file in it called Hello.jpg??? Anyone encountered this??? Very weird.

I had a problem with the "choose file" or "browse" button but managed to solve it.
I use mach-ii framework and that was why it couldn't recognized the swf file and the upload.cfm. To make long story short, following code works in mach-ii when all the files are saved in /views folder.

<cf_flashUpload name="theFile" label="FILE : "
swf="views/fileUpload.swf" actionFile="upload.cfm">
   <cf_flashUploadInput inputWidth="300" />
</cf_flashUpload>

Note that "swf" attribute has "views" directory while actionFile doesn't have it. I think it is because "swf" attribute is used by the browser while "actionFile" attribute is used by CFML code internally. When swf is wrong, the Browse button doesn't do anything. when "actionfile" is wrong, it throws 404 error after uploading.

Anyway thank you for the nice work, Laura!!!

I determined the reason for the blank screen. A virtual directory to the CFIDE folder must be setup for the CFFORM to work.

Hope this helps others who run into the same problems.

Randy

HTTP Error number:302 on a Mac in both Firefox 2 and Safari. No file can be uploaded on a Mac. Please help as I need to launch the tool for tomorrow morning and need it to work on the mac.

Thanks

I've been all over the net and through this website and I still can't find a solution in getting the new filename after the server writes it (MAKEFILEUNIQUE). Is there no solution for this? Keep in mind I have used all these examples and nothing works....is my brain fried here? I've tried cffile.serverfile file.serverfile...etc

I had the same issue with file upload and found a solution that worked well for me. I uploaded the file into a temp directory that normally has nothing in it. As soon as the upload was complete the flash file would submit the form that it was in as well as pass the file name that was just uploaded. The action page would then rename the file to something I knew was unique and move it to the final destination directory. This gave me complete control of the file naming as well as allowing me to use this really well done flash upload tool. The only downside would be if two people uploaded the exact same file name at the exact same time and before the form action renamed the file and moved it to a new directory. With the application I am working on the chances of this happening are almost zero.

Hope this helps, my email is [email protected] if I can help in any other way. The flash upload tool works extremely well and I highly recommend it.

Randy, Thanks for the tip, it sounds like you had some creative ideas, unfortunately one of the sites, I couldn't take a chance on poor server performance by working any more than it absolutely had to. I was mainly setting out to find a good realtime progress bar (in coldfusion) for large media files. This would have worked out great, but the "makeunique" param makes a very usefull tools for this cms application.

Actually, you shouldn't have any problems with firefox or any other browser(s). The Session.var is kept on the server side. I am currently updating a cart for some clients using more session variables and don't have any problems. I think the issue is with "file.serverfile". From the recent comments, I don't believe you can get the "file.serverfile" from that "upload.cfm" page.

Tony, the "file.serverfile" works in IE though. I have the following in the upload.cfm page after the file gets uploaded:

<cfset session.file = #file.serverfile#>

When using IE, I can use #session.file# throughout the application after setting it. Firefox I get nothing though. If you have an idea I can try to get past it, please let me know.

Laura,
Thanks for the info. I hope it helps Ken out. My biggest disappoint with all of this is just the simplicity of the problem. I am really hesitant to use the Flash forms due to these small things, mainly because I hate doing work arounds if it's not necessary.

What really brought me back here to this forum was the need for a good progress bar for large media files, then to encounter this, is just a little unnerving. I was hoping to do some major applications with major traffic to try and get more people to look at this technology a little more. I love coldfusion and the direction it has taken. I've personally been using CF since version 5 was released and have been impressed completely with my experiences.

Ever since Adobe acquired Macromedia, my biggest fear was that CF would sit on the back burner and phase out eventually. Now that I have major projects with major exposure, I was hoping to start really diving into the new MX more and see if I can't help contribute more to keeping the CF movement alive.

I have NOT tried FLEX yet, so I'm certainly interested in any input you and the community may have. Is it very different from Flash or just slightly? Do you think that it provides as much of a robust platform to work with?

THanks again for your time.

Ken,

I hope Laura helped you out, my only other thought for a work around, with previous flash versions, would be to grab the filename before it hits the server, search the destination folder for a matching string and then generate a random number extension to the filename. This, to me, defeates the whole purpose of "file.serverfile", so I can't say that I would personally go that route. Randy had a good creative idea before to get around this, however I am just one of those people that doesn't like to put the server through more than it absolutely has to. Especially for high traffic sites.

Ok,

I have the basic concept of the file upload, but I need to do a download form as well.

I have a cfgrid populated with the data I need. If a user selects a row in the grid the details are displayed in some bound fields to the right of the grid.

I would like to put a button on the flash form that says download and well does just that, downloads the actively selected row in the grid.

Now I am new to this stuff and have really only written one template, the template is completely data driven. The tabs on the tabnavigator are based on a query. The sub tabs present beneath a tab are based on a query and grouped to the parent tab, the cfgrid is based on a third query that is bound to the sub tab. The details are based on the grid.

So as you can see, I do not have that much experience and would greatly appreciate any help you can give me.

I do not know any action script, my background is with databases and not html/cfml. I would like to add the download button in the cfformgroup after the cfgrid section.
I am sorry for the length of the post. The template is about 170 lines long.

Here is my template.

Thanks

Jim


------------------------------------------------------------

<!---
Name:         MFR_Rule_Download_Form.cfm
Author:         James Schell
Description:   Dynamic flash tab form with dynamic sub tabs and a dynamic flash grid and dynamic details bound to grid control
Created:      06/01/07
Last Edit Date:   06/02/07
Revisions:      06/02/07   added sizing to grid control
                     added comments throughout
                     added panel control
                     added horizontal box
                     added two vertical controls to hold grid and detail fields
                     detail fields bound to cfgrid control selected rule

Revisions Needed:         finish detail fields
                     change them to textarea as needed
                     edit name attributes as needed   
                     add hyplerlink attribute for downloading purposes                  
--->


<!--- Begin creating flash form --->
<cfform format="flash" name="Tabs" skin="haloblue" width="800" action="formdump.cfm">


<!--- Query for Parent tabs --->
<cfquery name = "GetParentTab" dataSource = "rules">
SELECT RMSTab
from Rules
group by rmstab
</cfquery>


<!--- Begin creating parent tab control form --->
<cfformgroup type="tabnavigator" query="GetParentTab">


<!--- Start loop query for parent tabs --->
<cfloop query="GetParentTab">


<!--- Insert new tab for each value returned in the GetParentTab Query --->
<cfformgroup type="page" label="#GetParentTab.RMSTab#">


<!--- Begin creation sub tab control form --->
   <!--- Query for Sub tabs --->
   <cfquery name = "GetChildTab" dataSource = "rules">
   SELECT RMSSubTab
   from Rules
   where RMSTab = '#GetParentTab.RMSTab#'
   group by rmssubtab
   </cfquery>
   

   <!--- Create tab control for each value retuned in the GetChildTab Query that is linked to a Parent Tab --->
   <cfformgroup type="tabnavigator" query="GetChildTab">
   
   
   <!--- Start Loop for child tabs --->
   <cfloop query="GetChildTab">
   
   
   <!--- Insert new tab for each value retuned in the GetChildTab Query --->
   <cfformgroup type="page" label="#GetChildTab.RMSSubTab#">


<!--- Begin creating grid control and details about each rule on each sub tab --->
      <!--- Query for Rules --->
      <cfquery name="GetRules" datasource="rules">
      SELECT RuleFileName, RuleKey, RMSSubTab, Caption, tablename, shortdesc, fieldname, file
      FROM Rules
      WHERE RMSSubTab ='#GetChildTab.RMSSubTab#'
      </cfquery>
      
      
      <!--- Create grid control for each recordset returned that is linked to a sub tab which is in turn linked to a tab --->
      <!--- Create two flash forms inside the subtab, one for the grid control and the other for the details about the selected rule --->         
      <!--- Create a panel inside the sub tab to hold the grid control and detail controls that are bound to the cfgrid control --->   
      <cfformgroup type="panel" label="Select a rule from the grid to see the details about it">
         
         
         <!--- Create a horizontal divided box inside the sub tab --->
         <cfformgroup type="hdividedbox">

   
            <!--- Create a vertical box inside the previously made horizontal box to hold the cfgrid control --->
            <cfformgroup type="vbox" width="350" label="Rules">

      
               <!--- Create grid control with a dynamic name --->
               <cfgrid name="Grid_#GetRules.RuleKey#" width="300" query="GetRules">

               
                  <!--- Set column and row values --->
                  <cfgridcolumn name="RuleFileName" header="Library Key">
                  <cfgridcolumn name="Caption" header="File">

               
               <!--- End of grid control creation --->
               </cfgrid>

            
            <!--- End of vertical box creation --->
            </cfformgroup>      

         
            <!--- Begin creating vertical box inside horizontal box to hold detail fileds that are bound to the cfgrid selected rule --->
            <cfformgroup type="vbox" width="350" label="Details">       

      
               <!--- Create bound fields, names must be dynamic as well as the bind information, use the actual fieldname from the
               table as the prefix to the name atrribute --->
               <cfinput type="text"
                      name="shortdesc_#GetRules.RuleKey#"
                      label="Short Description"
                      bind="{Grid_#GetRules.RuleKey#.selectedItem.shortdesc}" >
                     
               <cfinput type="text"
                      name="tablename_#GetRules.RuleKey#"
                      label="Table"
                      bind="{Grid_#GetRules.RuleKey#.selectedItem.tablename}" >
                     
                <cfinput type="text"
                      name="fieldname_#GetRules.RuleKey#"
                      label="Field"
                      bind="{Grid_#GetRules.RuleKey#.selectedItem.fieldname}">
               
                <cfinput type="text"
                      name="file_#GetRules.RuleKey#"
                      label="{Grid_#GetRules.RuleKey#.selectedItem.file}"
                      bind="{Grid_#GetRules.RuleKey#.selectedItem.file}">      
      
               <cfformitem type="html"
                        height="200"
                        width="300"
                        bind="{'<p><a href=\' '+Grid_#GetRules.RuleKey#.selectedItem.file+' \'>Click to Download File</a></p>'}">
               </cfformitem>
      
      
            <!--- End of vertical box creation --->   
            </cfformgroup>

               
         <!--- End of horizontal panel creation --->
         </cfformgroup>      

         
      <!--- End of panel creation --->
      </cfformgroup>      
            
      
   <!--- End creation of sub tab page --->
   </cfformgroup>
   
   
   <!--- Loop for next value in the sub tab query to create a new sub tab page--->
   </cfloop>


   <!--- End of Sub tab Control --->
   </cfformgroup>


<!--- End of parent tab page --->
</cfformgroup>


<!--- Loop for next value in the parent tab query to create a new parent tab page --->
</cfloop>


<!--- End of parent tab control --->
</cfformgroup>


<!--- End of flash form creation --->
</cfform>

Hey I am geting a 404 error every time no matter what i put in for the path to the action file.

Here is my code, if someone can help me that would be great...

<cfform format="flash" height="330" width="515" skin="halogreen" name="serialListings" id="serialListings" enctype="multipart/form-data" method="post">      
                           <cfformgroup type="panel" label="Serial Uploads Listing">                              
<cfinput type="text" name="tFriendlyName" id="tFriendlyName" label="Friendly Name" width="150">
<cf_flashUpload name="styled" actionFile="upload.cfm" label="File Search">
    <cf_flashUploadInput progressBarStyle="#progressBarStyle#" buttonStyle="#buttonStyle#" inputWidth="150" />
</cf_flashUpload>
<cfinput type="button" name="btnReturnCL" id="btnReturnCL" value="Return" onClick="#returnBtn#">
                           </cfformgroup>
                        </cfform>

Nathan,
Yes, all you need to do is go into the flashuploadinput.cfm file and add a line of code under the onComplete function. Here is what I did:

<cfif attributes.progressInfo>uploadListener.onComplete = function()
   {
      output.text = "Upload Complete";
      _root.getURL('confirmation.cfm');
      <cfif len(onComplete)>#onComplete#();</cfif>
   }
   </cfif>

This is awesome! What I need to do is have the form submission (the form has other fields besides the upload) and the upload occur at the same time, with that file being associated with the record just submitted. Has anyone done something similar?

Thanks...again, great job!

OK, I got my problem solved....somewhat...

I developed the form with the file upload field. The catch is that the file needs to be uploaded first, then when the form is submitted, it captures the file name and records it being associated with that record (storing filename in db). The only problem I have now is creating some sort of validation, as users can browse for their files, find out, and don't hit upload. That will create the filename in the db, but no actual uploaded file. Any clue as to how to do that?

Ken,

You don't really want to take that route of redirection. I like that your thinking differently, however the two main issues would be adding another page redirection, which in my opinion cuts down on efficiency and what the user might be used to, but more importantly, you may not have the db entry, but you now still have a file sitting on the server that has reason to be there. Over time, many files that get lost like this take up space and bog down server performance. It would just be sloppy datamanagement.

In my mind it would just make this one issue so much easier and more effiecient to find a way to get the new server filename just as you would through a regular cffile form tag.

:)

Hi,
how can i use multipule cf_flashUploadInput's with one
submit button on a cfform?

After upgrading to Coldfusion 8 I noticed that the 'Choose File' feature no longer works and no window pops up to allow you to browse and select a file? Has anyone else had this problem and if so any workarounds?

Awesome!! I wondered why Adobe didn't implement File Upload in CF 8 FlashForms?

Dave:

Yes, that's basically what i ended up doing, but as it turned out my host only has cfmx 6.1 - so had to fallback to an input field. at least i learned how it works now.
http://gcm.syr.edu/nemas/index.cfm got a cool dynamic frame to work... now just to figure out a smoother way of giving choices on the frame thing :-\

Thanks,
Greg

Doesn't work for me. I put the example files in my htdocs, changed the upload.cfm to meet my system. Now tried to upload some jpegs. The Progress bar shows 100% upload completed, but there is nothing in my destination folder.And there is no error thrown, i also checked the log files. nothing. I have FlashPlayer 9 running on my testing machine.

I use CF 8 Developer Edition on a windows 2003 server box with apache 2.2

Hint?

Any word on a fix for this coupled with CF8?

Just a quick question. Anybody know where in the flashuploadinput.cfm file I can just run a replace and eliminate spaces in the file name that the user chooses to upload? I would prefer to do it before it gets uploaded in order to avoid having to do a rename. Thanks!

Hi Laura,
The flash forms work fine, just the tag does not respond. When I click on the button to 'Choose File' nothing happens. The 'Upload' button does not respond either. It does appear to me that the scripts have stopped functioning for some reason. However I checked the CFIDE/scripts directory and it is browser accessible. My custom tags directory is also properly configured and all other tags in it respond fine.

I have flash player version 9,0,47,0 running on the server and on my client machine. I don't know if that would make a difference. My server is running windows 2000 with IIS web server.

I will keep experimenting to see if I come up with any clues. I sure hope I can make this work. This is keeping me from installing the CF8 on my production server.

Laura,

Thank you and everyone else here for helping me so far. I've got the multiple file upload working fine now but am having a problem with Windows Authentication.

Like I said, the uploads are happening, but the Windows Authentication box pops up (randomly?) looking for my Username and Password. I provide the Username and Password (sometimes multiple times, for multiple files) and the uploads work after that.

Is there something simple I am missing that is causing this Authentication to pop-up?

Thanks a bunch!

Can't get the demo to work on my development system.

I also have the problem where the choose file button doesn't open the browse window. Runing Flash 9. Flash forms do work of course but what does the advice of "Can you browse the scripts directory" mean?

All the files are in the same directory so I assume there are no issues with pathing and all that jazz. Any advice?

If I can get it to work it will be EXACTLY what I'm looking for.

Thanks,
Scott

Hi Scott,
I am having the same problem on my development server and everything seemed to work fine when I had MX7 but as soon as I installed the beta version of CF8 it stopped working and I still haven't figured out why. I am now wondering if there was a bug in the beta version that caused this beviour because I installed the final version of CF8 on my production machine and the everything works fine on that server. Did you by any chance also have the beta version installed on the server.

I believe by browsing the script directory Laura meant that the directory could be invoked by a call from a web browser.
Perhaps Laura can better clarify that.

Harkirat

Harkirat

http://localhost/cfide/scripts/cfformhistory.cfm

I can run this page in the browser, so does that mean the directory is "browseable"? I am running the developer version of 7.1 and have not installed any version of 8.

Could the fact that i'm running the developer version have anything to do with it?

Harkirat,

Thanks that was the problem. The deveoper version does not apparently support this. Got it to work on a "production" install of it right away.

I'm trying to make the 'uploader' to go to the next page when uploading is done.

I have tried by adding the following in the uploadListener.onComplete = function()

<!--- start added stuff for redirect --->
getURL("http://www.domainname.com";;);
<!--- end added stuf for redirect --->

The getURL does not work :-(

Anyone here who might have a hint, on how I can get this done?

------------------------------------------------------------

Adam, take this sample, I hope it will help to you... :

uploadListener.onComplete = function()

<!--- start added stuff for redirect --->

_root.getURL("http://www.website.com";, "_self");

<!--- end added stuf for redirect --->



Vadim

Hi, Laura,

In your post under "notes on error codes" you suggest that one looks at the "java output logs, not the regular cf logs." We've been having a problem of users getting a white (browser) screen when an upload times out (at least we THINK it's timing out), and hoped that the issue would go away with CF 8.0. Apparently, it has not and I'm (still) searching for the cause and solution. Could you tell me which java files might shed more light on this issue? Nothing in our ColdFusion 8.0 directory looks like the log you describe. Any information (name/directory) you could suggest would be grately appreciated.

Thanks! John

Hi,
i tried the flash upload with ColdFusion 8. Every time was trying to upload a huge file like 300MB i got an IO Error. In the ColdFusion Administrator i set the "Max Size of Post Data" to 1000 MB, but with no success. I still get the IO Error. Any idea what i can do?
Thanks!
Felix

Hi,

I am using this code and it seems to work, however I am having a small issue. I am using a different button to process the upload, but I would like to send the data from the form at the same time. Is there a way I can get at this function??

<cfinput type="button" name="btnUpload" onclick="#myUpload_uploadScript#" value="Upload" tooltip="Upload" />

Where does that script live? I can't find it for the live of me? I am thinking in the .swf file?? If so, is there a way I can also submit the data in the form at the same time? Maybe thru hidden fields or some other way? I would like the form data and the upload to happen at the same time essentially.

Sounds like a path issue Brian. Are you using Fusebox? If so, you need to do it slightly different.

If its opensource, where is the fla?

OH and the image recognition is really hard to get past. 5 attempts

I can confirm that the upload error seems to hinge on a 200mb limit, but I don't know whether this is something to do with Flash itself, or something else I am not aware of. In today's age with video and file sharing so popular, it is very easy to understand why the need exists to be able to upload perhaps unlimited file size. For my particular application I need at LEAST 1Gb upload functionality. If Flash or Flex cannot do this, does anyone have another idea? A java applet perhaps? Please let me know.

By the way, since discovering this blog and its example code, I have since moved on to the CF_TagStore's "ProFlashUpload" tool http://www.cftagstore.com/tags/flashmultipleupload.cfm but still I get errors when trying to upload more than 200mb. Besides that, it's a great multi-file uploader!!

I am on a win2k box with cf8 developers edition. I can get the flash to display on the page, select a file, upload the file, show that it was uploaded successfully. Now here's the part I don't understand. The form never submits the file anywhere on the server. I've tried different actionfiles with fusebox paths, regular paths, whatever. I really like the way this all works, I just wish it posted to the normal action page.

Any help would be greatly appreciated.

Here is my code from the form page.


--->
<cfsavecontent variable="buttonStyle">
corner-radius: 2;
borderThickness: 0;
fill-colors: #3300ff, #7897df;
color: #ffffff;
</cfsavecontent>
<cfsavecontent variable="progressBarStyle">
border-thickness:0;
corner-radius: 0;
    fill-colors: #e4e4e4, #3300ff;
    theme-color: #e4e4e4;
    border-color:#000000;
    color:#ffffff;
</cfsavecontent>
<cfsavecontent variable="outputStyle">
   borderStyle:none;
   disabledColor:#e4e4e4;
   backgroundAlpha:0;
</cfsavecontent>
<cfsavecontent variable="contentPanelStyle">
   panelBorderStyle:'roundCorners';
   backgroundColor:#e4e4e4;
   headerColors:#789ccf, #78d2ff;
</cfsavecontent>   
</cfsilent>
<cfform width="420" format="Flash" timeout="200" enctype="multipart/form-data" method="POST">
   <!--- skinned --->
   <cfformgroup type="panel" label="Upload #divisioninfo.divisionname# Videos" style="#contentPanelStyle#" width="400">
   <cf_flashUpload name="ul_path" actionFile="upload.cfm">
         <cf_flashUploadInput choosebuttonlabel="Choose Video File" progressBarStyle="#progressBarStyle#" buttonStyle="#buttonStyle#" inputWidth="150" />
      </cf_flashUpload>
   
   
   <!--- <cfformitem type="text" style="fontWeight:bold">Trigger upload from other button</cfformitem> --->
   <!--- <cf_flashUpload name="ul_path" actionFile="index.cfm?action=uploadvideo">
         <cf_flashUploadInput uploadButton="true" required="true" message="File is required" />
      </cf_flashUpload>    --->
   </cfformgroup>
   
</cfform>

Since this never seems to hit the action page, I don't know where if at all that the uploaded file has been put. I've searched the filename I've been testing with on the server and have not found more than 2 even though I've uploaded it more than 40 times.
So answer this for me...
Where does the file go?
How do I access it?
How can I run the cffile action upload... after running this.
How should this all be organized other than what I've got already...

Love the tags so far just want this last step to work!

Also, the actionfile I'd really like to post to is

index.cfm?action=uploadvideo

As this is a fusebox 1 structured application.

Also, the actionfile I'd really like to post to is

index.cfm?action=uploadvideo

As this is a fusebox 1 structured application.

I'm impressed that this conversation has gone on for so long. Quick question, and I thank you all very much for your time. I have this on a "close button" on my action page:
getURL("javascript:CloseHer()");

the javascript:
<script language="javascript">
   function CloseHer()
   {
   parent.location = "randompage.cfm";
   }
   </script>

This works great because it's on the action page.

My question (seems to be one many were asking and I've not found a suitable answer): what code do i write to make upload.cfm cause my action page to redirect? cflocation obviously won't work... geturl() inside mx script tags? any workaround would suffice to abort and go do a different page.

Thanks again.

I have uploaded the cfform to my application using fusebox 3.0 and it won't display the file select box. However, when I post it as a standalone app in the webroot it works.

Any idea what is going on?

I'm able to use in IExporer but not in Firefox client. Using Mozilla browser I do not get any errors but the file isn't really uploaded. In both browser are installed Flash player 9.

any suggestion?

Thanks

Laura, your app is working vine on CF8, Sry for the mistaken information.
Now, I've got a little problem wich, I presume, is more ActionScript relevant.
In my form ("cursus") I've got 3 Tabular formgroups ("degree", "speciality", "cours").
In the tab "cours", i've placed your app and a cfselect ("cours_files") in whitch uploaded files are listed.
Is there a way for me to add the uploaded file name into the cfselect when the upload is completed ?
I tryed this, into the flashuploadinfo.cfm file :
<cfif attributes.progressInfo>uploadListener.onComplete = function()
   {
      output.text = "Upload ok, do not forget to save";
      <cfif len(onComplete)>#onComplete#();</cfif>
      alert(_root.cursus.elements.cours.cours_files.selectedIndex);
   }
   </cfif>
You certainly noticed that I used a simple 'alert' instead the 'AddItemAt' function that will fit my needs, but it is simplier to test. today's returned value is "" (empty string).

Any help will be very appreciated.
Thanks anyway for your work.
Antoine.

I am using CF8 with Flash Player 9.

Has anyone been able to get this to work within a tabnavigator?

I have a cfform which I have implemented the code within one of its tab. But, when I go to "Choose File" nothing happens. I'd rather keep my app consistent by having the file upload within the tab as opposed to outside.

Any assistance will be greatly appreciated!

Not sure why people continue to post with issues on this site. This topic, and application development of this app, appears to be a dead issue for asfusion.

Just thought I would post this in case someone else comes looking. I saw a post here wondering about setting the destination folder dynamically. There are a couple steps needed to do this.

1) In upload.cfm, get the "destination" attribute for the cffile tag from a url variable. For example:

<cffile action="UPLOAD" filefield="Filedata" destination="#url.destination#" nameconflict="MAKEUNIQUE">

(As always, it's probably a good idea to be careful about what you do with url parameters)

2) In flashUploadInput.cfm, pass a url parameter containing the destination to the action file. To do this, change what I believe is line 48 (uploadSwf.upload("actionFile#");</cfoutput>) to this:

uploadSwf.upload("#actionFile#?destination=#variables.destination#");</cfoutput>

This line takes the contents of a variables.destination and sends it to upload.cfm.

3) Change flashUploadInput.cfm to accept the destination as an attribute and store it into variables.destination. To do this, add this line:

<cfset variables.destination = URLEncodedFormat(attributes.destination) />

4) Finally, when calling ct_flashUploadInput include the destination as an attribute. For example:

<cf_flashUpload name="defaultFile" actionFile="/includes/upload.cfm" swf="/includes/fileUpload.swf" >

<cf_flashUploadInput destination="c:\upload_director\" />
</cf_flashUpload>

The path on my server needs to be an absolute path starting at the root. This took some figuring out for me (I'm new at this) and may be different for you.

Of course, a few more lines of code could be added to set a default value for any of these attributes or parameters. But, this should get you started.

T.R.

I love this code; however, I need to upload the file to the location with specific information (and not the information the user selected and is spit out by Filedata). Meaning, if the user adds a file named 'data from tables.xls' I need the file to be uploaded to it's location as something like '20080001_data from tables.xls'. I am writing the filename to a SQL dbase as well. Any help on how I can accomplish this? I already saw the previous posts in 2005 about renaming an image that's not exactly what I'm trying to do.

Also if you want to send post data I recommend checking out YUI's file uploader in beta right now. Just integrated it rather easily into a couple of applications, and it works nicely.
http://developer.yahoo.com/yui

getting an IO error while uploading 0 byte file.

Hi I was wondering how can I Embed this on my site, I have already download the files but I dont know how to put it on my site so I can use them. I'm Still new to this but if you guys could tell me like the code you guys use and ill just change what i need to make it work on my site. Thanks

I have the form installed and everything seems to work fine but no file is uploaded to the server. I searched the server and don't see it anywhere. I don't think that the upload.cfm is being used. I am trying to upload a csv if that matters. I have checked to make sure the destination is proper which I have set as an absolute.

I get an following error when tring to upload:
Invalid content type: application/x-www-form-urlencoded. The cffile action="upload" requires forms to use enctype="multipart/form-data".


I'm using CF8

Here is the code that I used to do the multiple file upload. I cut out all the different examples.

<cfform name="myform" width="420" format="Flash" timeout="100" >

   <!--- if we need to trigger upload from a different button--->
   <cfformitem type="text" style="fontWeight:bold">Trigger upload from other button</cfformitem>
   <cf_flashUpload name="myUpload" actionFile="upload.cfm">
         <cf_flashUploadInput uploadButton="false" required="true" message="File is required" />
      </cf_flashUpload>
   <cfformitem type="hrule"></cfformitem>

   <cf_flashUpload name="myUpload1" actionFile="upload.cfm">
         <cf_flashUploadInput uploadButton="false" required="true" message="File is required" />
      </cf_flashUpload>

   <cfinput type="Button" name="myUploadButton" onclick="#myUpload_uploadScript# #myUpload1_uploadScript#" value="Trigger Upload"/>

</cfform>

I have been using the flash upload for months and it works great usually. From time to time however, the flash upload reports that the file has uploaded as it should and goes on to the next step without any connection errors or anything. However, the file was never actually written to the file system. I've fixed it in the past by restarting the server, another time I changed the jvm size which made coldfusion not run at all. I was able to get it working by changing the jvm.config file sizes to 512 and it works again. Is this a coldfusion bug, a system bug, a java bug, or what? I'm looking either for a hotfix / patch / or a service I can restart to get this working. It only affects one part of my site as I only use this for video uploads, but lately the server has take up to 40 minutes to restart the server and I really don't want to do that now. Can anyone tell me how to fix this and or tell me what service to restart?

Please make it stop... this code is 3 years too old... and the "it doesn't work" comments just keep on coming.

am not using coldfusion..is it possible to select n upload file?

APPARENTLY I CAN'T TYPE. MEANT NOT WORKING. SORRY!

Hi Neo,
You can use Flash remoting in the onComplete function to invoke your cfmail requirement. If you or anyone would like some code email me at [email protected] and put asfusion in the subject line.
Regards,
Barry

Hi,
We have a client that is always getting the "HTTP Error number:407" error.
This upload method is generally great and works for most of our clients except for just this one. Grrrrr!!!!
Does anyone know how to pass across data necesary for the Proxy-Authenticate/Proxy-Authorization using the cf_flashUpload?
Thanks,
Brad.

This doesn't work for me in either IE7 or FF3.5 using Flash 10. Clicking "Browse" doesn't launch the browse window in any browsers. Very disappointing.

Realized the SWF was in the wrong place. Not much error notification there apparently.

Any chance you could post the FLA file? I didn't see it in the zip file.

Yes, the .FLA file would be great to start out with, if anyone could post or share a starter .fla file that would help. I'm not too familiar with integrating this stuff, and I've been messing around with some upload concepts using coldfusion, and PHP, and I haven't been successful in either method.

So far no luck getting the CFN files in the zip files to work, and hopefully the .fla file would get me started..... THANKS in advance

_root.getURL seems to work incorrectly in Chrome. For me, it causes Flash to load the URL in some sort of frame within the Flash widget, instead of loading it in the browser window. Does this work for anyone in Chrome?

@Jason

It's not that complicated. Assuming you put the code in a web accessible directory that matches the paths it expects, it should just work. Use the working example as a reference.

Are there files beyond what is posted in the source files that need to be created, and if yes which ones? Does anyone have a set of well integrated files that could be run as is? Does a .fla file need to be created to call some of the coldfusion files? I'm still lost, help would be appreciated.

Is anyone else having problems with new Office 2007 files? the files are not opening up correctly. I just get page cannot be found.

Hello... I was having issues with some users on our intranet and trying to upload files. The file would appear to upload, but when it got to 100%, it prompted them with a username and password authentication box. Not all of our users, only a small percentage were having this issue. We lock down our intranet website and require AD Authentication.

I looked in this blog and saw quite a few people with the same issue, but no one had a solution and work-around. Well, I found a work-around and this is what I did...

I first thought it could be a browser/flash/computer issue, but one user could access and another couldn't on the same computer. So, I then I had the problem users try other computers and they were still having the same issue. So, I'm thinking it is something in the AD that is causing the problem. One of my problem users is a domain admin too.

To troubleshoot it a little more, I build a plain HTML form and had it post to upload.cfm. It worked just fine. Then tried and Flash Form and it didn't work.

I then checked the IIS logs and looked at what file the user was getting the 401 Error on. The logs showed the 401 Error on the upload.cfm file. So, I'm thinking that it has something to do with the flash form and upload.cfm.

What I did to fix our problem was to go into the server’s IIS Administrator, browse to the upload.cfm file, right clicked on upload.cfm, went to properties and enabled anonymous access just to the upload.cfm file. Problem solved.

I hope this helps anyone with the same problem.

I need your help! I have a problem with the image upload and manipulation. I can only upload a form without an image i can upload an image on its own but not the two at once. I can't get the servername to the database. Please explain it to me us simply as possible.

The problem most likely related to anti virus software. Often they scan http traffic to improve user safety. Before scanning they buffered http request that is why you see 100% immediately. Many of our clients that had such problem have a Kaspersky Antivirus. To workaround described issue you need to add your site to anti virus trusted zone.

Hope this help.

Just a follow up to my recent post. I figured out the issues on the CF9 server. I just didnt have the path to the swf file configured properly in the tag. However I still have issues with running it on one of the CF 8 servers which has annoyed me for a while. Its not critical though as it will soon be upgraded to CF9 so I don't require any help as of now. So all those wondering whether this works with CF9, Flash 10 and IE 8 the good news is that it does :).

The application works great on the development server, once moved to the production, I get “movie not loaded”… I’m running CF 6 on the server. Any help would be much appreciated.

I am having an issue where once the 'upload' button is pressed, the progress status displays 'Upload Completed' however the file is not actually uploaded. To test my upload.cfm action I have tied a basic html file input to it and the file uploads as it should. Any help would be great.

It's a headache for me to read the codes.