getting error when trying to use jquery fileUpload

Question

I'm letting the user select files and then trying to programmatically uploading them after they click the upload button using the jquery fileupload script

The HTML looks like this:

<input name="my_image[]" id="my_file" type="file" multiple="multiple">

The jquery call looks like this:

$('#start-upload').click(function(e) {

    var filesList = $('#my_file')[0].files;
    //var filesList = $('#my_file').prop("files");

    var url = 'photos/index.php';
    $('#my_file').fileupload('send', {
        files: filesList,
        url: url,
        dataType: 'json',
        start: function(e, data) {
            console.log("Upload started");
        },
        done: function (e, data) {
            console.log("Upload complete");
        }  
    });
});

This is the error I get:

Uncaught Error: cannot call methods on fileupload prior to initialization; attempted to call method 'send'

Any idea what I'm doing?

The error message seems pretty self explanatory to me. The very first section on the page you link to shows how to initialize the plugin. — gilly3
– gilly3, Commented Jan 6, 2014 at 21:37
I guess you have to initialize the fileupload with only a JS object as argument before you can call other methods on it (like send in this case). The link gilly3 posted shows an example of how to initialize it correctly — stex
– stex, Commented Jan 6, 2014 at 21:52
I don't think what you are missing is that obvious, @Paul. I am trying to do a programmatic upload, and getting the same error. The doc does not advise that we have to initialize the plugin before calling send, where I assume that passing all required options in the send call would be enough. — ProfK
– ProfK, Commented Dec 14, 2014 at 11:12

Edgar Villegas Alvarado · Accepted Answer · 2014-01-06 21:52:57Z

3

It wasn't initialized. Ensure you first have something like:

$(document).ready(function(){
   $('#my_file').fileupload({ url: 'your_url' ...} );
});

Cheers

answered Jan 6, 2014 at 21:52

Edgar Villegas Alvarado

18.4k2 gold badges45 silver badges61 bronze badges

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

1 Comment

Hrvoje Hudo Over a year ago

It doesn't work for me, it starts an upload as soon files are selected.

wharding28 · Accepted Answer · 2015-11-04 16:38:16Z

0

To expand on Edgar's answer, this is how I set things up to programmatically submit:

//Initialize
$('#file').fileupload({
  url: 'someUrl'
});

//Trigger the submit

$('#file').fileupload({
  fileInput: $('#file')
});

answered Nov 4, 2015 at 16:38

wharding28

1,36711 silver badges13 bronze badges

Collectives™ on Stack Overflow

getting error when trying to use jquery fileUpload

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related