blueimp jQuery-File-Upload - How do I submit form without files attached?

Question

I have found solutions on how to add additional form data when submitting the file upload form. This question is how to upload the additional data if there is no file to upload. I am using blueimp jquery-file-upload in a task management app in order to drag and drop files and attach them to a task. The script is initialized and setup to not automatically upload when files are attached. On the `fileuploadadd` callback I attach `data.submit()` to my `submit` event handler. This accomplishes that we submit the task data and the files in one POST request. Until files are added I'm unable to get access to the file-upload `data` to use the `data.submit()` function. I came up with a work around by adding an empty file (and then removing it) on page load which would trigger the binding `data.submit()` to the submit button. The problem is that the plugin is returning an error while trying to loop through an empty array of files. This problem would also occur if you added a file and then remove…

Accepted Answer

I faced the same problem and I ended up adding an empty file prior to submitting if there is no file.

```
$("#fileupload").fileupload('add', {
    files: ['']
});
```

This works perfectly in my situation and the backend receives the POST while the submitted file is null.

With most browsers (tested Chrome and FF) my Backend will receive no file (null) but with IE8 there is one with size 0. I haven't tested it with any other IE.

blueimp jQuery-File-Upload - How do I submit form without files attached?

Solution

Problem