Question

我有一个带有Jquery文件上传的表单。表格是：

<form action="" method="post" name="job_offer_reply" id="job_offer_reply" enctype="multipart/form-data">
    <textarea name="description" id="description" class="form-control" rows="3"></textarea>
    <div id="drop">
        <?php _e('Drop You CV Here', 'ja'); ?>
        <a><?php _e('OR Browse', 'ja'); ?></a>
        <input type="file" name="upl" multiple/>
    </div>    
    <input id="submit" type="submit" class="btn btn-primary" name="submit" value="Submit">
</form>

文件上传初始化函数（缩写）是：

$(function(){
    $('#drop a').click(function(){
        // Simulate a click on the file input button
        // to show the file browser dialog
        $(this).parent().find('input').click();
    });


    // Initialize the jQuery File Upload plugin
    $('#job_offer_reply').fileupload({

        formData: {
            action: 'ja_upload_cv',
        },
        dropZone: $('#drop'),
        add: function (e, data) {

            // Automatically upload the file once it is added to the queue
            var jqXHR = data.submit();
        },

        done:function(e, data){
            console.log(data);
        },
        fail:function(e, data){
            // Something has gone wrong!
            data.context.addClass('error');
        }

    });
});

此代码在选择/删除文件后立即上传文件。当我删除

var jqXHR = data.submit();

即使在提交表单之后，它也完全没有提交。

如何点击提交按钮上传文件（将其放在我的$ _FILES数组中）？

Answer 1

只需修改您的add回调即可使用事件监听器：

 add: function (e, data) {
    $('#submit').click(function(){
        var jqXHR = data.submit();
    };
 },

jQuery文件上传 - 在表单提交上传文件

1 个答案: