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

Multiple image upload with CodeIgniter

Add Answer

Confused Chipmunk answered on October 30, 2020 Popularity 10/10 Helpfulness 3/10

answer Multiple image upload with CodeIgniter

related upload multiple files in codeigniter

related upload multiple image using jquery ajax in codeigniter

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 image-upload php

Link to this answer
Share Copy Link

Contributed on Nov 06 2020

Confused Chipmunk

0 Answers Avg Quality 2/10

Closely Related Answers

upload multiple files in codeigniter

Comment

    private function upload_files($path, $title, $files)
    {
        $config = array(
            'upload_path'   => $path,
            'allowed_types' => 'jpg|gif|png',
            'overwrite'     => 1,                       
        );

        $this->load->library('upload', $config);

        $images = array();

        foreach ($files['name'] as $key => $image) {
            $_FILES['images[]']['name']= $files['name'][$key];
            $_FILES['images[]']['type']= $files['type'][$key];
            $_FILES['images[]']['tmp_name']= $files['tmp_name'][$key];
            $_FILES['images[]']['error']= $files['error'][$key];
            $_FILES['images[]']['size']= $files['size'][$key];

            $fileName = $title .'_'. $image;

            $images[] = $fileName;

            $config['file_name'] = $fileName;

            $this->upload->initialize($config);

            if ($this->upload->do_upload('images[]')) {
                $this->upload->data();
            } else {
                return false;
            }
        }

        return $images;
    }

Popularity 10/10 Helpfulness 4/10 Language php

Source: stackoverflow.com

Tags: codeigniter code

Link to this answer
Share Copy Link

Contributed on Oct 30 2020

Friendly Ferret

0 Answers Avg Quality 2/10

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 code

Link to this answer
Share Copy Link

Contributed on May 09 2022

Weary Wolf

0 Answers Avg Quality 2/10

Multiple image upload with CodeIgniter

Contents

More Related Answers

Multiple image upload with CodeIgniter

Closely Related Answers

upload multiple files in codeigniter

upload multiple image using jquery ajax in codeigniter

Grepper

Documentation

Social

Legal

Contact

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