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
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); } } }
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
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
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
echo '{"name":"'.$upload_data['file_name'].'","type":"'.$upload_data['file_type'].'","size":"'.$upload_data['file_size'].'"}'; <br><br><br><a href="http://upload/delete">?>"href= " echo base_url().'uploads/' .$upload_data['file_name'] ">_ echo base_url()._</a> echo '<br>name: ' .$upload_data['file_name'] .'<br>size: ' .$upload_data['file_size'] .' k' _ <!-- <br><a ]DELETE</a>-->
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. 