Tuesday, 29 August 2017

93.image uplaod

tpl script

<button class="upload_file_btn">Add new Advertisement</button>



<div id="light1" class="white_content">
<div class="popup_title">Upload new file</div><div class="div_attachment_cancel"><img src="/application/modules/User/externals/images/GREYcancel.png"></div>

<div class="error_msg" style="color:red"></div>
            <form method="POST" enctype="multipart/form-data" action="<?php echo $this->baseUrl().'/user/admin-manage/saveadvertisementphoto' ?>" class="photo_upload_frm">
                <div class="folder_name_input">
                    <div>Title</div>
                    <div style="margin-bottom: 12px;margin-top: 2px;">
                    <input type="text" class="upload_image_title" name="upload_image_title" maxlength="30">
                    </div>
                    <input type="file" class="upload_image" name="upload_image">
                    <div>only JPG, JPEG, and PNG  files are allowed.</div>
                    <div class="confirm_btns" style="text-align: left;">
                    <input type="submit" value="Save" class="image_upload_submit_btn" style="width: 134px;">
                   </div>
                   </div>
            </form>
<div class="loader" style="display:none;"></div>
 </div>
<div id="fade" class="black_overlay"></div>



jQuery('body').on('click', '.upload_file_btn', function(event){
document.getElementById('light1').style.display='block';
document.getElementById('fade').style.display='block';
});


jQuery('body').on('click', '.div_attachment_cancel', function(event){
   jQuery('#light1').css('display','none');
jQuery('#fade').css('display','none');
});

jQuery(".photo_upload_frm").submit(function (event) {
 event.preventDefault();

 jQuery('.image_upload_submit_btn').prop('disabled', true);
 jQuery('.image_upload_submit_btn').css('display', 'none');
 jQuery('.loader').css('display', 'block');

 var upload_image_title = jQuery('.upload_image_title').val();
 var photopath = jQuery('.upload_image').val();
 var ext = jQuery('.upload_image').val().split('.').pop().toLowerCase();

 if(upload_image_title !='' && photopath != ''){

 if(ext != "jpg" && ext != "JPG" && ext != "png" && ext != "jpeg" && ext != "JPEG" &&  ext != "PNG") {
jQuery('.error_msg').text('');
jQuery('.error_msg').text('Sorry, only JPG, JPEG, & PNG  files are allowed');
jQuery('.image_upload_submit_btn').prop('disabled', false);
jQuery('.image_upload_submit_btn').css('display', 'block');
        jQuery('.loader').css('display', 'none');

 }
 else{

 var url =  '<?php echo $this->baseUrl().'/user/admin-manage/saveadvertisementphoto' ?>';

 jQuery.ajax({
url: url,
type: "POST",
data:  new FormData(this),
contentType: false,
cache: false,
processData:false,
dataType: 'json',
success: function(data){
var oData             = new Object();
var upload_image_title= oData.upload_image_title=upload_image_title;
jQuery('#light1').css('display','none');
jQuery('#fade').css('display','none');
         location.reload();

},

error: function(){}      
});

}

  }
 
  else{
 jQuery('.error_msg').text('');
 jQuery('.error_msg').text('Please fill all fields');
 jQuery('.image_upload_submit_btn').prop('disabled', false);
 jQuery('.image_upload_submit_btn').css('display', 'block');
      jQuery('.loader').css('display', 'none');
  }


});


/*contoller*/

 public function saveadvertisementphotoAction(){
        $viewer     = Engine_Api::_()->user()->getViewer();
        date_default_timezone_set($viewer->timezone);
        $this->_helper->viewRenderer->setNoRender(true);
        $this->_helper->layout->disableLayout();
        if( $this->getRequest()->isPost()){
            $aData           = $this->_request->getPost();
            $photo_title     = $aData['upload_image_title'];

            $random_filename = $this->random_string(8);
            $dir             = dirname($_SERVER['SCRIPT_FILENAME']).'/public/images/advertisement/';
                            if(!is_dir($dir)){
                                mkdir($dir,0777,true);
                            }
            $target_file     = $dir .'/'. basename($_FILES["upload_image"]["name"]);
           
            $imageFileType   = pathinfo($target_file,PATHINFO_EXTENSION);
            $random_filename =  $random_filename.'.'.$imageFileType;

            if($imageFileType != "JPG" && $imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" &&  $imageFileType != "JPEG" &&  $imageFileType != "PNG") {

                $aResult['msg']    = "Sorry, only JPG, JPEG, & PNG  files are allowed.";
                $aResult['status'] = false;
            }
            else{

                $target_file   = $dir .'/'. $random_filename;
                if (move_uploaded_file($_FILES["upload_image"]["tmp_name"], $target_file)) {
                    $AdvertisementTable     = Engine_Api::_()->getDbtable('advertisement', 'user');
                    $AdvertisementTableId   = $AdvertisementTable->insert(array(
                      'user_id'         => $viewer->getIdentity(),
                      'title'     => $photo_title,
                      'image'            => 'public/images/advertisement/'.$random_filename,
                      'created_at'      => date('Y-m-d H:i:s'),
                      'updated_at'      => date('Y-m-d H:i:s'),

                    ));


           $aResult['status']                      = true;
           }
           else {
                 $aResult['status'] = false;
                }
            }
            echo json_encode($aResult);
         }

       
     }

No comments:

Post a Comment