jquery file upload submit callback

Question

im using the blueimp jquery file upload plugin . this code

<script>
    $('#fileupload').bind('fileuploadsubmit',function(e,data){
        var inputs = data.context.find(':input');
        if (inputs.filter('[required][value=""]').first().focus().length){
            return false;
        }
        data.formData = inputs.serializeArray();
    });
                </script>

is supposed to send all files along with the form data to the server. For some reason its not working . Firebug says ReferenceError: $ is not defined when this page is loaded. Should i define this callback in the main js ? ( I am able to add additional form data for the selected files when uploading and save the names onto the database. When using titles for each uploaded file these values are sent saved as typed when uploaded one by one. When uploaded all at once the value is the same as the first input. This callback supposedly uploads thses data one by one.

Did you include the jqueryFile before inserting your own js? otherwise you have to change the order of your script files. — benestar
– benestar, Commented Aug 20, 2013 at 22:20
yes i did. doesnt work. Im pretty new to jquery. Should i define fileuploadsubmit in a seperate js file ? — user2668436
– user2668436, Commented Aug 20, 2013 at 22:21
ddnt work.. Could you please have a look at the jsfiddle code i attached ? thanks — user2668436
– user2668436, Commented Aug 20, 2013 at 22:28

benestar · Accepted Answer · 2013-08-20 22:31:26Z

1

As shown in your jsfiddle, all the script includes are placed at the bottom of the page. So you either move them before your script tags, or you move your script tags to the bottom of the page. Otherwise jQuery will not be defined when you want to use it.

answered Aug 20, 2013 at 22:31

benestar

5625 silver badges12 bronze badges

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

Comments

poodle · Accepted Answer · 2013-08-20 22:15:23Z

0

Fix this :

(e, data>

to

 (e, data)

answered Aug 20, 2013 at 22:15

poodle

1071 silver badge10 bronze badges

Collectives™ on Stack Overflow

jquery file upload submit callback

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related