How to add fields to be uploaded with files

[daphnawegner]

How would I add some more fields that are associated with each upload. For example I want the user to give a title each uploaded file and have it saved in the Model. I looked at the demo but I am not clear on how to do that?

[adamteale]

Hey guys I'd really like to know how to do this too.

[adamteale]

Perhaps this is the idea - https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data#adding-input-fields-to-the-upload-form

[Nasjoe]

Hi ! Did you find the solution ?
I'm trying this the "Setting formData on upload start for each individual file upload" on : https://github.com/blueimp/jQuery-File-Upload/wiki/How-to-submit-additional-form-data#adding-input-fields-to-the-upload-form

i add some html input within the template, and for js :

$('#fileupload').bind('fileuploadsubmit', function (e, data) {
var inputs = data.context.find(':input')
data.formData = inputs.serializeArray();
console.log(data);

The console log in Firebug give me the value in "formData", but i don't know how to get this value in Django/python.

Did you solve that ?
Thanks.

[adamteale]

Hey Nasjoe,

It has been quite a while since I got this working, just managed to pull up the project.
This is what i had:

$('#fileupload').bind('fileuploadsubmit', function (e, data) {
    var itemTitle = $('#fileupload').find('input[name="title"]').val();
    var directoryID = $( "#id_directoryField option:selected" ).val();
    var proyectoID = $( "#id_proyectoField option:selected" ).val();

    formData.push( 
        { name: "itemTitle", value: itemTitle }, { name: "directoryID", value: directoryID }, { name: "proyectoID", value: proyectoID }
    );
});

Is that the idea?

Cheers
Adam