Welcome Guest, Not a member yet? Register   Sign In
Codeigniter Multiple Upload Images/ files / video / audio files

Hi all, this is nothing new but i thought that maybe someone will use this in the future.

NOTICE. The code it's not mine but i'll share it anyway
so what do you need jquery and a new jquery plugin you can get them from HERE
once you get them create 1 controller

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Upload extends CI_Controller {

public function __construct()
  $this->load->helper(array('form', 'url'));

public function index()
  $this->load->view('admin/upload', array('error' => ''));
public function do_upload()

     $upload_path_url = base_url().'uploads/';

  $config['upload_path'] = FCPATH.'uploads/';
  $config['allowed_types'] = 'jpg';
  $config['max_size'] = '30000';
  $config['encrypt_name'] = true;
    $this->load->library('upload', $config);

    if ( ! $this->upload->do_upload())
     $error = array('error' => $this->upload->display_errors());
     $this->load->view('admin/upload', $error);
        $data = $this->upload->data();
   $config['image_library'] = 'gd2';
   $config['source_image'] = 'uploads/'.$data['file_name'];
   $config['new_image'] = 'uploads/thumbs/'.$data['file_name'];
   $config['maintain_ratio'] = TRUE;
   $config['width'] = 200;
   $config['height'] = 200;
   echo $this->image_lib->display_errors();
   //set the data for the json array
   $info->name = $data['file_name'];
   $info->size = $data['file_size'];
   $info->type = $data['file_type'];
   $info->url = $upload_path_url .$data['file_name'];
   $info->thumbnail_url = $upload_path_url .'/thumbs/' .$data['file_name'];//I set this to original file since I did not create thumbs.  change to thumbnail directory if you do = $upload_path_url .'/thumbs' .$data['file_name']
   $info->delete_url = base_url().'index.php/upload/deleteImage/'.$data['file_name'];
   $info->delete_type = 'DELETE';

if (IS_AJAX) {   //this is why we put this in the constants to pass only json data
            echo json_encode(array($info));
                    //this has to be the only the only data returned or you will get an error.
                    //if you don't give this a json array it will give you a Empty file upload result error
                    //it you set this without the if(IS_AJAX)...else... you get ERROR:TRUE (my experience anyway)
else {   // so that this will still work if javascript is not enabled
     $file_data['upload_data'] = $this->upload->data();
     $this->load->view('admin/upload_success', $file_data);


public function deleteImage($file)//gets the job done but you might want to add error checking and security
  $success =unlink(FCPATH.'uploads/' .$file);
  //info to see if it is doing what it is supposed to
  $info->sucess =$success;
  $info->path =base_url().'uploads/' .$file;
  $info->file =is_file(FCPATH.'uploads/' .$file);
if (IS_AJAX) {//I don't think it matters if this is set but good for error checking in the console/firebug
     echo json_encode(array($info));}
else {     //here you will need to decide what you want to show for a successful delete
     $file_data['delete_data'] = $file;
     $this->load->view('admin/delete_success', $file_data);

then create 3 view files in my case under the admin folder
upload.php in this file copy paste the code from the jquery file and change the path to the js and css files and the form action url
then create
echo '{"name":"'.$upload_data['file_name'].'","type":"'.$upload_data['file_type'].'","size":"'.$upload_data['file_size'].'"}';
<a href= "&lt;?php echo base_url().'uploads/' .$upload_data['file_name'] ?&gt;">
<img width="80" src="&lt;?php echo base_url().'uploads/' .$upload_data['file_name'] ?&gt;"/>
</a>&lt;?php echo '<br/>name: ' .$upload_data['file_name'] .'<br/>size: ' .$upload_data['file_size'] .' k' ?&gt;
&lt;!-- <br/><a href="upload/delete &lt;?php echo $upload_data['file_name']?&gt;">DELETE</a>--&gt;
and delete_success.php
echo 'file:' .$delete_data .'-delted' ;
That's it if you have problems like syntax error unexpected < then i should remind, you must create 1 folder called uploads and under it thumbs with write permissions.
If you have problems i'll be glad to help you.

Messages In This Thread
Codeigniter Multiple Upload Images/ files / video / audio files - by El Forum - 02-19-2012, 05:32 AM

Theme © iAndrew 2016 - Forum software by © MyBB