jQuery: Create and submit a form with file upload

Question

I have a simple field somewhere in my document. Now I want to CREATE a form with jQuery, add this input field to it and submit it via Javascript.

Something like this:

var newform = $( document.createElement('form') );
newform.attr("method","post")
       .attr("action",action)
       .attr("enctype","multipart/form-data");
       .append($("#file").clone())
       .submit();

Unfortunately, $_FILES gives me error code 4: "No file submitted". I tried this with simple Text fields, and it worked for them, their value has been submitted too. Just the file-upload won't work.

Any suggestions how that could be done?

of course, how stupid. :( Anyways, I'm getting error code 4, "no file was submitted" — janoliver
– janoliver, Commented Dec 19, 2009 at 20:50

czarchaic · Accepted Answer · 2009-12-19 23:25:40Z

1

I think it has to do with the fact that $("#file").clone() would cause the input appended to the form to have the same id '#file'.

answered Dec 19, 2009 at 23:25

czarchaic

6,34832 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery: Create and submit a form with file upload

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related