Breaking News: Grepper is joining You.com. Read the official announcement!

upload multiple image using jquery ajax in codeigniter

Weary Wolf answered on November 6, 2020 Popularity 8/10 Helpfulness 1/10

answer upload multiple image using jquery ajax in codeigniter

related Multiple image upload with CodeIgniter

upload multiple image using jquery ajax in codeigniter

Comment

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function (e) {
                $('#upload').on('click', function () {
                    var form_data = new FormData();
                    var ins = document.getElementById('multiFiles').files.length;
                    for (var x = 0; x < ins; x++) {
                        form_data.append("files[]", document.getElementById('multiFiles').files[x]);
                    }
                    $.ajax({
                        url: 'ajaxmultiplefileupload/upload_files', // point to server-side controller method
                        dataType: 'text', // what to expect back from the server
                        cache: false,
                        contentType: false,
                        processData: false,
                        data: form_data,
                        type: 'post',
                        success: function (response) {
                            $('#msg').html(response); // display success response from the server
                        },
                        error: function (response) {
                            $('#msg').html(response); // display error response from the server
                        }
                    });
                });
            });
</script>

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: codeigniter image javascript jquery-ajax upload using

Link to this answer
Share Copy Link

Contributed on May 09 2022

Weary Wolf

0 Answers Avg Quality 2/10

Closely Related Answers

Multiple image upload with CodeIgniter

Comment

views
---------

<?php echo validation_errors();?>
<?php echo form_open_multipart('pages/multiple_files');?>
<p><input type="file" multiple="multiple" name="image_name[]" class="form-control" /></p>

<input type="submit" class="btn btn-success btn-block"/> 
</form>

Controller
----------

public function multiple_files(){
  $this->load->library('upload');
  $image = array();
  $ImageCount = count($_FILES['image_name']['name']);
        for($i = 0; $i < $ImageCount; $i++){
            $_FILES['file']['name']       = $_FILES['image_name']['name'][$i];
            $_FILES['file']['type']       = $_FILES['image_name']['type'][$i];
            $_FILES['file']['tmp_name']   = $_FILES['image_name']['tmp_name'][$i];
            $_FILES['file']['error']      = $_FILES['image_name']['error'][$i];
            $_FILES['file']['size']       = $_FILES['image_name']['size'][$i];

            // File upload configuration
            $uploadPath = './assets/images/profiles/';
            $config['upload_path'] = $uploadPath;
            $config['allowed_types'] = 'jpg|jpeg|png|gif';

            // Load and initialize upload library
            $this->load->library('upload', $config);
            $this->upload->initialize($config);

            // Upload file to server
            if($this->upload->do_upload('file')){
                // Uploaded file data
                $imageData = $this->upload->data();
                 $uploadImgData[$i]['image_name'] = $imageData['file_name'];

            }
        }
         if(!empty($uploadImgData)){
            // Insert files data into the database
            $this->pages_model->multiple_images($uploadImgData);              
        }
  }
  
Model
---------
  public function multiple_images($image = array()){

     return $this->db->insert_batch('profile_images',$image);
             }

Popularity 10/10 Helpfulness 3/10 Language php

Source: stackoverflow.com

Tags: codeigniter code

Link to this answer
Share Copy Link

Contributed on Nov 06 2020

Confused Chipmunk

0 Answers Avg Quality 2/10

upload multiple image using jquery ajax in codeigniter

Contents

More Related Answers

upload multiple image using jquery ajax in codeigniter

Closely Related Answers

Multiple image upload with CodeIgniter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.