Javascript jQuery文件上载不使用自动上载

我正在使用jQuery文件上传插件上传我的文件

我的代码是：

$('#image').fileupload({
    singleFileUploads : true,
    acceptFileTypes : /(\.|\/)(gif|jpe?g|png)$/i,
    autoUpload : false,
    maxFileSize : 1000000,
});

当我将autoupload设置为true时，它会按预期工作。但是，当我将其设置为false，并且我想使用submit按钮手动上载文件时，它不工作，并且图像字段没有附加图像

我使用了以下JavaScript：

<script src="/scripts/fileUpload/jquery.ui.widget.js"></script>
<script src="/scripts/fileUpload/jquery.iframe-transport.js"></script>
<script src="/scripts/fileUpload/jquery.fileupload.js"></script>
<script src="/scripts/fileUpload/jquery.fileupload-ui.js"></script>
<script src="/scripts/fileUpload/jquery.fileupload-process.js"></script>
<script src="/scripts/fileUpload/jquery.fileupload-validate.js"></script>

---

谁能告诉我这里出了什么问题吗？

要在单击按钮时上载文件：

$('input').fileupload({
    autoUpload: false,
    add: function (e, data) {
        $("button").click(function () {
            $("p").html("Requête envoyée");
            data.submit();
        })
    },
    done: function (e, data) {
        $("p").append("Upload terminé");
    },
});

使用以下HTML：

<input type="file" data-url="/echo/json" />
<button>Download</button>
<p></p>

下载

---

在Chrome 31、IE11和Firefox 25上测试：

我已经试过了，这在Chrome上有效，但在Firefox上不起作用。@Shahzeb我已经添加了一些更改和测试。它应该可以在Firefox上运行。@Fractaliste你能看看我的问题吗