在 jquery submitHandler 中从 input=file 传递值

Question

我创建了一个表单，它接受某些输入字段并允许用户上传文件。表单行由用户动态添加。我已将 jquery 验证插件与我的表单一起用于验证目的

问题是我无法获取用户选择的文件。但正在传递所有其他字段。

HTML

<form id="upload">
<table class="dd" width="100%" id="data">

</table>
<input name="sub" type="submit"  value="Submit values"/>    <input type="button" id="addnew" name="addnew" value="Add new row" /> 

</form>

JavaScript

$(document).ready(function() {
    var currentItem = 1;
    $('#addnew').click(function(){
        currentItem++;
        $('#items').val(currentItem);
        var strToAdd = '<tr><td>Year</td><td>:</td><td><select name="year[]"  ><option value="2012">2012</option><option value="2011">2011</option></select></td><td width="7%">Week</td><td width="3%">:</td><td width="17%"><select name="week[]" ><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select></td><td width="8%">&nbsp;</td><td colspan="2">&nbsp;</td></tr><tr><td>Actual</td><td>:</td><td width="17%"><input name="actual[]"  type="text" /></td><td width="7%">PDF</td> <td width="3%">: <input id="uploadfile1" name="userfile[]" accept="application/pdf" class="btn btn-next upload" type="file" required></td></tr>';
       $('#data').append(strToAdd);

    });
    $("#upload").validate({
        submitHandler: function (form) { 
            $.ajax({
                url: '<?php echo base_url(); ?>/ajax_upload',
                type: 'POST',
                data: $(form).serialize(),
                success: function(data) {
                    if(data){
                        alert("success");
                    } else {
                        alert("error");
                    }
                },
                error: function(data){
                    alert("error");
                },
                cache: false,
                contentType: false,
                processData: false
            });
            return false;
        }
    });
});

我做了测试fiddle

我们将不胜感激。

Answer 1

制作表单标签如下

<form id="upload" action="#" method="POST" enctype="multipart/form-data" >

希望这有效

Answer 2

您没有将 enctype 与表单
一起使用尝试

<form id="upload" action="#" method="POST" enctype="multipart/form-data">

在 jquery submitHandler 中从 input=file 传递值

pass value from input=file within a jquery submitHandler

javascript

jquery

jquery-validate