Javascript 尝试使用jquery fileUpload时出错

我让用户选择文件，然后在他们使用脚本单击“上载”按钮后尝试以编程方式上载它们

HTML如下所示：

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

$('#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' 

---

知道我在做什么吗？

它没有初始化。确保您首先拥有以下内容：

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

---

干杯

要详细介绍Edgar的答案，以下是我如何设置以编程方式提交的内容：

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

//Trigger the submit

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

---

这个错误消息对我来说似乎是不言自明的。显示了如何初始化插件。我肯定错过了明显的…我想你必须先用一个JS对象作为参数初始化fileupload，然后才能对其调用其他方法（如本例中的

send

）。“gilly3发布的链接展示了一个如何正确初始化它的示例。我不认为你遗漏了什么，”Paul说。我试图做一个程序上传，并得到相同的错误。文档没有建议我们在调用

send

之前必须初始化插件，我假设在

send

调用中通过所有必需的选项就足够了。这对我不起作用，它会在选择文件后立即开始上传。