I have a problem with the upload of some images. So...I have the admin side in which I click on the "Add image" button and I begin adding the images. When I begin adding them the image is not shown so that I can see it. And when I click save the images should save to a certain location. My question is: why can't I see my images after I click the Add image button? and why aren't the pictures being saved in the path that I specify?Thanks a lot!I also added some code here:
This is in my controller:
\[code\]\[code\]public function showcase_image(){ try{ $config['upload_path'] = './resources/media/showcase/image/'; $config['allowed_types'] = 'jpeg|png|jpg|flv|mp3|wav'; $config['max_size'] = '10000'; $this->load->library('upload', $config); $this->upload->do_upload('add_image'); $data = http://stackoverflow.com/questions/9615147/$this->upload->data(); $w = 720; $h = 425; $this->load->library('image_lib'); $config['image_library'] = 'gd2'; $config['source_image'] = $data['full_path']; $config['create_thumb'] = TRUE; $config['maintain_ratio'] = TRUE; $config['thumb_marker'] = ''; $config['width'] = $w; $config['height'] = $h; $this->image_lib->initialize($config); if($data['image_width']<425 && $data['image_height']<425){ }else{ $this->image_lib->resize(); } $file = $data['file_name']; echo json_encode(array("error"=>false,"msg"=>"success","file"=>$file,"dir"=>"image")); }catch(Exception $e) { echo json_encode(array("error"=>true,"msg"=>$e->getMessage())); }}\[/code\]
This is in my model:
\[code\]public function getShowcases(){ $query = $this->db->query("SELECT * FROM showcase ORDER BY showcase_id DESC"); $result = $query->result(); return $result; } public function getImagesShowcase($idShowcase){ $query = $this->db->query("SELECT * FROM showcase_gallery WHERE showcase_gallery_project_id='".$idShowcase."' AND showcase_gallery_type='image' ORDER BY showcase_gallery_index ASC"); $result = $query->result(); return $result; }\[/code\]And on the view side I have some ajax:
function ajaxFileUploadImage(){ $("#loading") .ajaxStart(function(){ $(this).show(); }) .ajaxComplete(function(){ $(this).hide(); }); $.ajaxFileUpload ( { url:'<?=site_url('ajaxadmin/showcase_image')?>', secureuri:false, fileElementId:'add_image', dataType: 'json', data:{}, success: function (data, status) { //jQuery('.thumb_file').attr('src','<?=base_url()?>resources/media/our_work/thumb/'+data.file); //jQuery('input[name=thumb]').val(data.file); var image = ' \ <div class="list" style="float:left;position:relative;margin-left:10px;margin-top:10px;"> \ <div class="description_img"> \ <div class="delete_img"></div> \ </div> \ <img height="100" src="http://stackoverflow.com/questions/9615147/<?=base_url()?>resources/media/showcase/image/'+data.file+'" style="z-index: 0; position: relative;"/> \ <div class="move_arrows"> \ <div class="move_on_left"></div> \ <div class="move_on_right"></div> \ </div> \ <input type="hidden" name="image_filename[]" class="image_filename" value="'+data.file+'"/> \ </div> \ '; jQuery('#showcase_image').append(jQuery(image)); }, error: function (data, status, e){ jQuery('.response_mes').html('<span class="red">* please try again later!</span>'); } } ) return false;}\[/code\]
I hope this code will be useful and maybe if someone has a soultion would be great.
This is in my controller:
\[code\]\[code\]public function showcase_image(){ try{ $config['upload_path'] = './resources/media/showcase/image/'; $config['allowed_types'] = 'jpeg|png|jpg|flv|mp3|wav'; $config['max_size'] = '10000'; $this->load->library('upload', $config); $this->upload->do_upload('add_image'); $data = http://stackoverflow.com/questions/9615147/$this->upload->data(); $w = 720; $h = 425; $this->load->library('image_lib'); $config['image_library'] = 'gd2'; $config['source_image'] = $data['full_path']; $config['create_thumb'] = TRUE; $config['maintain_ratio'] = TRUE; $config['thumb_marker'] = ''; $config['width'] = $w; $config['height'] = $h; $this->image_lib->initialize($config); if($data['image_width']<425 && $data['image_height']<425){ }else{ $this->image_lib->resize(); } $file = $data['file_name']; echo json_encode(array("error"=>false,"msg"=>"success","file"=>$file,"dir"=>"image")); }catch(Exception $e) { echo json_encode(array("error"=>true,"msg"=>$e->getMessage())); }}\[/code\]
This is in my model:
\[code\]public function getShowcases(){ $query = $this->db->query("SELECT * FROM showcase ORDER BY showcase_id DESC"); $result = $query->result(); return $result; } public function getImagesShowcase($idShowcase){ $query = $this->db->query("SELECT * FROM showcase_gallery WHERE showcase_gallery_project_id='".$idShowcase."' AND showcase_gallery_type='image' ORDER BY showcase_gallery_index ASC"); $result = $query->result(); return $result; }\[/code\]And on the view side I have some ajax:
function ajaxFileUploadImage(){ $("#loading") .ajaxStart(function(){ $(this).show(); }) .ajaxComplete(function(){ $(this).hide(); }); $.ajaxFileUpload ( { url:'<?=site_url('ajaxadmin/showcase_image')?>', secureuri:false, fileElementId:'add_image', dataType: 'json', data:{}, success: function (data, status) { //jQuery('.thumb_file').attr('src','<?=base_url()?>resources/media/our_work/thumb/'+data.file); //jQuery('input[name=thumb]').val(data.file); var image = ' \ <div class="list" style="float:left;position:relative;margin-left:10px;margin-top:10px;"> \ <div class="description_img"> \ <div class="delete_img"></div> \ </div> \ <img height="100" src="http://stackoverflow.com/questions/9615147/<?=base_url()?>resources/media/showcase/image/'+data.file+'" style="z-index: 0; position: relative;"/> \ <div class="move_arrows"> \ <div class="move_on_left"></div> \ <div class="move_on_right"></div> \ </div> \ <input type="hidden" name="image_filename[]" class="image_filename" value="'+data.file+'"/> \ </div> \ '; jQuery('#showcase_image').append(jQuery(image)); }, error: function (data, status, e){ jQuery('.response_mes').html('<span class="red">* please try again later!</span>'); } } ) return false;}\[/code\]
I hope this code will be useful and maybe if someone has a soultion would be great.