CodeIgniter et la fonction ajaxSubmit

Salut,
Je suis en train de travailler avec codeigniter.
Je veux que lorsque je clique sur le bouton parcourir,mon controleur "ajax_upload" sera invoqué et l'image sera uploadé sans faire un refresh sur ma page.

voici mon code:

code du view:

Code:

1
2
3
4
5
echo form_open_multipart('auth/create_account_user',array( 'id' => 'id_form_user' ));
 <input type="file" name="userfile" id="photoimg" />
<div id='preview'>
</div>
echo form_close();

code du controleur:

Code:

1
2
3
4
5
6
public function ajax_upload()
{
$this->load->model('model_image');
$this->model_image->do_upload();
echo "succes";
}

code du model:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public function do_upload()
{
$config=array( 'allowed_types' => 'jpg|jpeg|gif|png',
				'upload_path'  => realpath(APPPATH.'../images'),
				'max_size' => 2000
 
 
);
 
$config['image_library'] = 'gd2';
$this->load->library('upload',$config);
 
$this->upload->do_upload();
 
 
 
 
}

code javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.form.js"></script>
 
	<script type="text/javascript">
 
	$(document).ready(function(){ 
 $('#photoimg').live('change', function()			{ 
			           $("#preview").html('');
			    $("#preview").html('<img src="../images/images/loader.gif" alt="Uploading...."/>');
			$("#id_form_user").ajaxSubmit({
			type:"POST",
	       url:"<?php echo base_url().'auth/ajax_upload'; ?>",
	        target: '#preview'
		});
 
			});
			});
</script>

SVP aidez moi