cffile alternative, I need to upload without form submit

Question

So I want to upload a file to the server using ajax, so the form is not submitted. Cffile requres the filefield attribute, but as there is no form object passed to coldfusion that doesn't work. I can store the value entered by the user as a variable in javascript, and pass that variable to cf. How can I use this variable to upload my file? Thanks.

EDIT Solved by submitting to iframe.

Submit the form to a hidden iframe and handle your form upload as you normally would (with cffile). — Kevin B, Aug 07 '12 at 19:39
You could use the [jquery-form](http://jquery.malsup.com/form/) plugin — Willem de Wit, Aug 07 '12 at 20:13
jquery-form example: http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery — Mike Causer, Aug 09 '12 at 14:31

score 2 · Answer 1 · edited May 23 '17 at 11:44

2

You can use the cffileupload tag (embeds a flash widget for uploading) , or take advantage of XMLHttpRequest level 2 (browser support) via the method explained here.

edited May 23 '17 at 11:44

Community

1
1

answered Aug 08 '12 at 04:28

Todd Sharp

3,207
2
19
27

Unfortunately, browser support is an issue with me :/ Thanks for the answer though. – Jeff Fabiny Aug 09 '12 at 14:24

score 0 · Answer 2 · edited May 23 '17 at 11:44

0

Are you uploading images? You could try uploading to a canvas tag client side using javascript.

Then ajax post the base64 png encoded contents of the canvas.

Further reading and examples:

How to upload/POST multiple canvas elements

How to convert image into base64 string using javascript

Resizing an image in an HTML5 canvas

Resize image before upload, but upload synchronously (not ajax). Is it possible?

http://coding.pressbin.com/84/File-API-Resize-photo-before-upload/

edited May 23 '17 at 11:44

Community

1
1

answered Aug 09 '12 at 14:10

Mike Causer

8,196
2
43
63

I need to upload essentially anything. Definitely more than just images. – Jeff Fabiny Aug 09 '12 at 14:25
Scratch this then - it works great for images, not so much for everything else – Mike Causer Aug 09 '12 at 14:29

score 0 · Accepted Answer · answered Sep 12 '12 at 15:23

0

Submit the form to a hidden iframe and handle your form upload as you normally would.

answered Sep 12 '12 at 15:23

Jeff Fabiny

325
2
15

cffile alternative, I need to upload without form submit

3 Answers3

Linked