AJAX CodeIgniter AJAX 文件上传，当上传时$_FILE为空

在本文中，我们将介绍如何使用AJAX和CodeIgniter框架进行文件上传，并解决在上传过程中$_FILE为空的问题。

阅读更多：AJAX 教程

什么是AJAX文件上传

AJAX文件上传是一种通过JavaScript和AJAX技术实现的文件上传方式。与传统的表单提交不同，AJAX文件上传无需刷新整个页面，可以实现异步上传文件的功能。

CodeIgniter框架

CodeIgniter是一个简单而强大的PHP框架，提供了一系列工具和库，用于开发高效和安全的Web应用程序。它支持AJAX文件上传，为我们提供了便利的解决方案。

AJAX文件上传示例

首先，我们需要创建一个包含文件上传表单的HTML页面。

<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="fileUpload" id="fileUpload">
  <button type="submit" id="uploadButton">上传</button>
</form>

然后，我们需要编写JavaScript代码来处理文件上传。

$(document).ready(function() {
  $('#uploadForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交

    var file_data = $('#fileUpload').prop('files')[0];
    var form_data = new FormData();
    form_data.append('fileUpload', file_data);

    $.ajax({
      url: 'upload.php', // 替换为你的服务器端处理文件上传的路径
      type: 'POST',
      dataType: 'text',
      cache: false,
      contentType: false,
      processData: false,
      data: form_data,
      success: function(response) {
        alert('文件上传成功！');
      },
      error: function() {
        alert('文件上传失败！');
      }
    });
  });
});

上述代码通过jQuery监听表单的提交事件，并使用FormData对象将文件数据附加到请求中。然后，我们使用AJAX进行异步文件上传。

解决$_FILE为空的问题

在CodeIgniter框架中进行AJAX文件上传时，可能会遇到 $_FILE为空的问题。这是因为在默认情况下，CodeIgniter会自动将文件上传的字段名添加到一个名为$ _POST的数组中，而不是$_FILES数组。

为了解决这个问题，我们需要做一些额外的设置。

首先，在config.php文件中，确保以下配置选项被启用：

$config['csrf_protection'] = true;

然后，在上传文件的控制器方法中，需要添加以下代码：

// 接收上传的文件
 $config['upload_path'] = './uploads/';$ config['allowed_types'] = '*';
 $this->load->library('upload',$ config);
$this->upload->do_upload('fileUpload');

通过以上操作，上传的文件将被正确地保存在指定的文件夹中。