通过ajax上传文件和表单输入

Question

我正在尝试通过ajax在表单中上传文件和一些输入。我正在使用CI并使用AjaxFileUpload插件进行文件上传。我正在

  

未捕获的TypeError：$ .ajaxFileUpload不是函数

HTML：

<form id="importtableform" class="form form-group" method="post">
    Table Name: <select class="form-control" id="tableName">
      <option disabled>--Select Table--</option>
                </select>
    <div class="form-group" style="margin-top:0px !important;">
       <input class="form-control meta" name="csvFile" id="csvFile" type="file" style="cursor: pointer;" accept=".csv">
    </div>
</form>
<button type="button" id="upload" class="btn-modal btn btn-block btn-primary">Upload</button>

JS：

$('#upload').click(function () {

var fileObj = $('#csvFile')[0].files[0];
var tableName = $('#tableName').find(':selected').val();

$.ajaxFileUpload({

    type: 'POST',
    url: baseurl + '/rest/bulkUpload',
    data: {
        'tableName': tableName
    },
    fileElementId   :'csvFile',
    processData: false,
    contentType: false,
    success: function (result) {

        console.log(result);

    }


});


});

修改

我在使用这个第三方插件之前用普通的ajax尝试了formData（），在这种情况下我又遇到了另一个错误

$this->upload->display_errors()

  

您没有选择要上传的文件。