CodeIgniter Forums
Codeigniter Multiple Upload Images/ files / video / audio files - Printable Version

+- CodeIgniter Forums (https://forum.codeigniter.com)
+-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20)
+--- Forum: Archived Libraries & Helpers (https://forum.codeigniter.com/forumdisplay.php?fid=22)
+--- Thread: Codeigniter Multiple Upload Images/ files / video / audio files (/showthread.php?tid=49429)

Pages: 1 2

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 02-19-2012

[eluser]alexaaaaaaaaaa[/eluser]
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

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

class Upload extends CI_Controller {



public function __construct()
{
  parent::__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);
    }
    else
    {  
        $data = $this->upload->data();
  
      $this->load->library('image_lib');
   $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;
   $this->image_lib->initialize($config);
   $this->image_lib->resize();
   $this->image_lib->clear();
  
   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
upload_success.php
Code:
<?php
echo '{"name":"'.$upload_data['file_name'].'","type":"'.$upload_data['file_type'].'","size":"'.$upload_data['file_size'].'"}';
?>
<br/><br/><br/>
<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
Code:
&lt;?php
echo 'file:' .$delete_data .'-delted' ;
?&gt;
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.

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 02-19-2012

[eluser]InsiteFX[/eluser]
IS_AJAX is useless because it was never defined as a constant!

Besides CI has its own ajax check now!
Code:
$this->input->is_ajax_request();

See the input class...


Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 02-19-2012

[eluser]alexaaaaaaaaaa[/eluser]
[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!
Code:
$this->input->is_ajax_request();

See the input class...
[/quote]
yeah that's correct! thank you

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 02-24-2012

[eluser]Irvana[/eluser]
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.

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 02-24-2012

[eluser]alexaaaaaaaaaa[/eluser]
[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 ...


Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 02-24-2012

[eluser]Irvana[/eluser]
ok...just confuse with upload.class.php at folder server.

how to modify upload directory from this script
Code:
'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 <

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 02-25-2012

[eluser]aquary[/eluser]
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'].

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 08-04-2012

[eluser]RockyS[/eluser]
This code doesn't work with latest CI. Any updates?

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 08-04-2012

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

what problems do you have?

Codeigniter Multiple Upload Images/ files / video / audio files - El Forum - 08-04-2012

[eluser]RockyS[/eluser]
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

http://s18.postimage.org/bt111wlt5/Capture.jpg

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:
Code:
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) {},
onDelete:function(files){},
onCancel:function(file){},
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 + ')'
  });
}
};

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

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

Because I get 'Undefined variable: folder'