1

ここでは、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" />
4

1 に答える 1

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();
        });
    }
});
于 2014-06-06T12:30:03.773 に答える