получаю ошибку при попытке использовать JQuery FileUpload

Question

я позволяю выбрать файлы пользователей, а затем пытается программно загружать их после того, как они нажимают на кнопку загрузки с помощью jquery fileupload сценария

HTML, выглядит следующим образом:

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

вызов JQuery выглядит следующим образом:

$('#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"); 
     } 
    }); 
}); 

Это ошибка, я получаю:

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

Любая идея, что я делаю?

Answer 1

Он не был инициализирован. Убедитесь, что вы сначала должны что-то вроде:

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

Приветствиях

Answer 2

Чтобы расширить ответ Эдгара, это, как я установить вещи программно представить:

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

//Trigger the submit 

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