如何在codeigniter中使用ajax删除提交按钮并保存图像和显示图像？

<?php
class ImageController extends CI_Controller {
    public function deleteImage() {
        // 获取要删除的图像的标识符
        $imageId = $this->input->post('imageId');

        // 从数据库或文件系统中删除图像
        // ...

        // 使用文件上传库保存新上传的图像
        // ...

        // 返回成功或失败的响应
        $response = array('status' => 'success');
        echo json_encode($response);
    }
}
?>

<!-- 显示图像 -->
<img src="path_to_image" alt="Image">

<!-- 删除按钮 -->
<button id="deleteBtn">删除图像</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    // 删除按钮点击事件
    $('#deleteBtn').click(function() {
        // 发送Ajax请求
        $.ajax({
            url: 'path_to_deleteImage_method',
            type: 'POST',
            data: {imageId: 'image_id_to_delete'},
            success: function(response) {
                // 更新页面上的图像显示
                // ...
            }
        });
    });
});
</script>