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.

IS_AJAX is useless because it was never defined as a constant!

Besides CI has its own ajax check now!

See the input class...

[quote author="InsiteFX" date="1329661815"]IS_AJAX is useless because it was never defined as a constant!

Besides CI has its own ajax check now!

See the input class...
yeah that's correct! thank you

I am very newbie at this (codeigniter) stuff. Just wondering how to connect with database and make it direct to file path?
Thanks a lot.

[quote author="Irvana" date="1330144581"]I am very newbie at this (codeigniter) stuff. Just wondering how to connect with database and make it direct to file path?
Thanks a lot.[/quote]

hi Irvana, if you want to connect your codeigniter to database please go here
application/config/database.php and edit your file to match your configuration, also in the same folder config you have the config.php where your can setup the url of the file and the secret key if you didn't setup those ...

ok...just confuse with upload.class.php at folder server.

how to modify upload directory from this script
'upload_dir' => dirname($_SERVER['SCRIPT_FILENAME']).'/files/',
into root of my CI?

i am sorry for my question but totally stuck when i try to modify the script without "$_SERVER['SCRIPT_FILENAME']" because error appear when i upload the file --&gt; SyntaxError: Unexpected token <

Mostly I use './folder/' for the upload folder... never found a problem with that one. I guess the "./" is relative to the index.php which on the root ?

But your error... seems to be more about you forgot to remove something along with $_SERVER['SCRIPT_FILENAME'].

This code doesn't work with latest CI. Any updates?

[quote author="RockyS" date="1344074781"]This code doesn't work with latest CI. Any updates? [/quote]

what problems do you have?

After submitting the form (with files) I get no error and no progress either, files aren't uploaded, I have created 'uploads' folder in CI root


And btw, how can I change upload directory dynamically with the same form? (I want to have multiple folders ex. banners, images, pdf,doc etc..) User can choose folder from select box.

Current script:
if($.fn.wl_File) $.fn.wl_File.defaults = {
url: 'http://localhost/ci/assets/upload.php',
autoUpload: true,
paramName: 'files',
multiple: false,
allowedExtensions: ['jpg','jpeg','gif','png','PNG','doc','zip','docx','txt','pdf','rar'],
maxNumberOfFiles: 0,
maxFileSize: 10000,
minFileSize: 0,
sequentialUploads: false,
dragAndDrop: true,
formData: {},
text: {
  ready: 'pripravljen',
  cancel: 'prekliči',
  remove: 'odstrani',
  uploading: 'nalagam...',
  done: 'končano',
  start: 'začni shranjevanje',
  add_files: 'dodaj datoteke',
  cancel_all: 'prekliči shranjevanje',
  remove_all: 'odstrani vse'
onAdd: function (e, data) {},
onSend: function (e, data) {},
onDone: function (e, data) {},
onFinish: function (e, data) {},
onFail: function (e, data) {},
onAlways: function (e, data) {},
onProgress: function (e, data) {},
onProgressAll: function (e, data) {},
onStart: function (e) {},
onStop: function (e) {},
onChange: function (e, data) {},
onDrop: function (e, data) {},
onDragOver: function (e) {},
onFileError: function (error, fileobj) {
  $.msg('Neveljavna datoteka: ' + fileobj.name, {
   header: error.msg + ' (' + error.code + ')'

'upload_dir' => dirname(__FILE__).'/uploads/',
            'upload_url' => dirname($_SERVER['PHP_SELF']).'/uploads/',

To (doesn't work)
'upload_dir' => dirname(__FILE__).'/'.$_REQUEST['folder'].'/',
            'upload_url' => dirname($_SERVER['PHP_SELF']).'/'.$_REQUEST['folder'].'/',

Because I get 'Undefined variable: folder'

Theme © iAndrew 2016 - Forum software by © MyBB