Blueimp jquery文件上传在codeigniter3.1中不起作用

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-file-upload/10.7.0/jquery.fileupload.min.js"></script>

$config['upload_path'] = './uploads/';  // 设置文件上传的路径
$config['allowed_types'] = 'gif|jpg|png';  // 设置允许上传的文件类型
$config['max_size'] = 1024;  // 设置最大上传文件大小（单位为KB）

public function upload_file() {
    $config['upload_path'] = './uploads/';
    $config['allowed_types'] = 'gif|jpg|png';
    $config['max_size'] = 1024;

    $this->load->library('upload', $config);

    if (!$this->upload->do_upload('file')) {
        $error = $this->upload->display_errors();
        // 处理文件上传失败的情况
    } else {
        $data = $this->upload->data();
        // 处理文件上传成功的情况
    }
}

<form id="uploadForm" action="<?php echo site_url('controller/upload_file'); ?>" method="post" enctype="multipart/form-data">
    <input type="file" name="file" id="fileInput">
    <input type="submit" value="上传">
</form>

<script>
$(function() {
    $('#uploadForm').fileupload({
        dataType: 'json',
        done: function(e, data) {
            // 处理文件上传成功的回调函数
        },
        fail: function(e, data) {
            // 处理文件上传失败的回调函数
        }
    });
});
</script>