如何在不重置表单的情况下使用ajax和codeigniter上传图片？

在不重置表单的情况下使用Ajax和CodeIgniter上传图片，可以通过以下步骤实现：

首先，在前端页面中创建一个包含文件上传功能的表单，并使用Ajax来处理表单的提交。可以使用HTML的<form>元素和<input type="file">元素来实现文件上传功能。
在前端页面中，使用JavaScript监听文件选择事件，并将选择的文件通过Ajax发送到后端服务器。可以使用FormData对象来构建表单数据，并使用XMLHttpRequest对象发送Ajax请求。
在后端服务器中，使用CodeIgniter框架的文件上传库来处理接收到的文件。可以使用CodeIgniter的upload库来处理文件上传，并设置相应的配置选项，如上传路径、允许的文件类型等。
在后端服务器中，处理文件上传请求，并将上传成功的文件保存到指定的路径。可以使用CodeIgniter的文件上传库提供的方法来处理文件上传，并根据需要进行文件处理和保存。

以下是一个示例代码，演示了如何在不重置表单的情况下使用Ajax和CodeIgniter上传图片：

前端页面代码（HTML + JavaScript）：

<form id="uploadForm" enctype="multipart/form-data">
  <input type="file" name="image" id="imageInput">
  <button type="button" onclick="uploadImage()">上传图片</button>
</form>

<script>
  function uploadImage() {
    var form = document.getElementById('uploadForm');
    var formData = new FormData(form);

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload/image', true);
    xhr.onload = function() {
      if (xhr.status === 200) {
        console.log('图片上传成功');
      } else {
        console.log('图片上传失败');
      }
    };
    xhr.send(formData);
  }
</script>

后端服务器代码（使用CodeIgniter框架）：

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Upload extends CI_Controller {
  public function image() {
    $config['upload_path'] = './uploads/';
    $config['allowed_types'] = 'gif|jpg|png';
    $config['max_size'] = 2048;

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

    if (!$this->upload->do_upload('image')) {
      echo '图片上传失败';
    } else {
      $data = $this->upload->data();
      echo '图片上传成功，保存路径：' . $data['full_path'];
    }
  }
}

上述代码中，前端页面中的表单使用FormData对象来构建表单数据，并使用XMLHttpRequest对象发送Ajax请求。后端服务器中的Upload控制器的image方法处理文件上传请求，使用CodeIgniter的文件上传库来处理文件上传，并根据需要进行文件处理和保存。

注意：上述代码仅为示例，实际应用中需要根据具体情况进行适当的修改和调整。