jquery - 单击按钮时在mvc中上传jquery文件

Question

这里我使用 jQuery-File-Upload 来上传文件。它工作正常。但是当我们选择文件时这里文件正在上传，我需要在点击提交按钮后上传文件。请帮助我如何解决这个问题。我正在使用以下代码。

   $('#fileupload').fileupload({


        dataType: 'json',
        url: '/VendorReport/UploadFiles',
        autoUpload: true,
        type: boolen,
        Default:true,
        success: function (msg) {

            alert(msg);

        }
    });


<input id="fileupload" type="file" name="files[]">
<input type="submit" id="btnup" value="Upload" />

Answer 1

您可以通过设置停止自动上传行为autoUpload: false

$('#fileupload').fileupload({
    dataType: 'json',
    url: '/VendorReport/UploadFiles',
    autoUpload: false,
    type: boolen,
    Default:true,
    success: function (msg) {
        alert(msg);

    }
});

编辑

点击按钮上传文件：

HTML

<input id="fileupload" type="file" name="files[]">
<input type="submit" id="btnup" value="Upload" />

jQuery

$(document).ready(function(){
    $("#btnup").click(function(){
         $('#fileupload').fileupload({
            dataType: 'json',
            url: '/VendorReport/UploadFiles',
            autoUpload: false,
            type: boolen,
            Default:true,
            success: function (msg) {
                alert(msg);
            }
        });
    });
});

编辑

或参考其文档以遵循官方方式-->如何通过单击按钮开始上传

$('#fileupload').fileupload({
    dataType: 'json',
    url: '/VendorReport/UploadFiles',
    autoUpload: false,
    type: boolen,
    Default:true,
    success: function (msg) {
        alert(msg);
    }
    add: function (e, data) {
        data.context = $('<button/>').text('Click to Upload')
            .appendTo(document.body)
            .click(function () {
                data.context = $('<p/>').text('Uploading...').replaceAll($(this));
                data.submit();
        });
    }
});