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 du controleur:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 model:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 public function ajax_upload() { $this->load->model('model_image'); $this->model_image->do_upload(); echo "succes"; }
code javascript:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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(); }
SVP aidez moi
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Partager