Javascript 如何在Codeigniter中设置Img文件的Ajax上载

我读了很多关于使用codeigniter上传文件的教程，但问题是这些教程在我的情况下不起作用，我没有通过ajax成功上传，请求失败，导航栏中的页面加载不是ajax，我想找到一个非常详细的教程，解释codeigniter中ajax上传的基础知识。或者在该主题中提供一些建议。

这段代码对我来说非常有效，您只需要在控制器上管理它

别忘了添加jquery.form.min.js

<script>
function service_switch()
{
    $('#service_update').ajaxSubmit({ 

        beforeSubmit: function() {
            $("#switch").html('<img alt=""'+
            ' src="<?=base_url()."assets/default/"?>img/preloaders/ajax-loader.gif"  align="center" />  0% Switching.');
        },

        uploadProgress: function (event, position, total, percentComplete){ 
            $("#switch").html('<img alt=""'+
            ' src="<?=base_url()."assets/default/"?>img/preloaders/ajax-loader.gif"  align="center" />  '+perc+'% Switching ...');
            },

        success:function (d){
            if(d=='success'){
                $("#switch").html(' 100% Switched Successfully !');
            }else{
                $("#switch").html(' '+d);
            }
        },

        error:function(){$("#switch").html('segmentation fault');},

        resetForm: true 
    }); 

}
</script>


<!--Firmware MAC Configuaration Form-->
<?php

//shell_exec("gnome-terminal -e ping 127.0.0.1 &"); 
//shell_exec("geany"); 

$attribute = array('class'=> 'box validate','id'=>'service_update');?>

<?php echo form_open('firmware_update/service_switch',$attribute);?>
<div class="header">
    <h2>
        Service Update
    </h2>
</div>
<div class="content">
    <div class="row">
        <label>
            <strong>Switch Service </strong>
        </label>
        <div>
            <div>
                <input type="radio" name="demo" id="demo1"  value="1">
                <label for="demo1">demo1</label>
            </div>
            <div>
                <input type="radio" name="demo" id="demo2"  value="2">
                <label for="f4_rb_dis2">service2_RX</label>
            </div>
            <div>
                <input type="radio" name="demo" id="demo3"  value="3">
                <label for="demo1">service2_TX</label>
            </div>
            <div>
                <input type="radio" name="demo" id="demo4"  value="4">
                <label for="demo1">service3</label>
            </div>
        </div>
    </div>
</div>
<div class="actions">
    <div class="right">
        <a onclick="service_switch();" class="button blue flat" >Switch Service</a>
    </div>
</div>
<?php echo form_close(); ?>

---

使用这个插件，我希望它能帮助你。我的问题是，正如我在codeigniter中提到的，他不让我正确运行ajax请求为什么不？我们需要一些关于这个具体案例的解释。你能在这里粘贴你的ajax块代码吗？