EVOLUTION-NINJA

Edit File: user_profile.php

<?php
    echo view('includes/flow-header');    
?>

<section class="profile_user">
        <div class="row">
            <div class="col-sm-3">
                <div class="spec-left">
                    <ul>
                        <li><a href="">User Profile</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-9">
              	<div class="profile_main">
              		<h3>Add User Profile</h3>
          		  	<div class="profile-right">
						<form id="user_form" enctype="multipart/form-data">
          		  		<div class="row">
          		  			<div class="col-sm-4">
          		  				<p><b>Add Profile Picture</b></p>
			                    <div class="user_profile_pic">
			                    	<input type="file" id="img_new" name="img_new" onchange="readURL2(this)" required>
			                    	<img src='' id="img_old" name="img_old" />
			                    </div>
          		  			</div>
          		  			<div class="col-sm-2"></div>
          		  			<div class="col-sm-6">
          		  				<div class="row">
          		  					<div class="col-sm-9">
          		  						
          		  							<label>Name</label>
	          		  						<div class="form-group">
												<input type="hidden" class="form-control" value='0'  id="update_id" name="update_id">
												<input type="hidden" class="form-control"   id="id" name="id">
	          		  							<input type="text" class="form-control" value='<?php echo session()->get('name'); ?>' readonly id="f_name" name="f_name">
	          		  						</div>
	          		  						<label>Present Designation</label>
	          		  						<div class="form-group">
	          		  							<input type="text" class="form-control" id="designation" name="designation">
	          		  						</div>
	          		  						<label>Qualifications</label>
	          		  						<div class="form-group">
	          		  							<input type="text" class="form-control" id="qualificaton" name="qualificaton">
	          		  						</div>
	          		  						<label>Special Interests</label>
	          		  						<div class="form-group">
	          		  							<textarea class="form-control" id="interest" name="interest" rows="5"></textarea>
	          		  						</div>
	          		  						<label>Publications</label>
	          		  						<div class="form-group">
	          		  							<textarea class="form-control" id="publications" name="publications" rows="5"></textarea>
	          		  						</div>
	          		  						<button type="submit" class="btn">Submit</button>
          		  						
          		  					</div>
          		  					<div class="col-sm-3"></div>
          		  				</div>
          		  			</div>
          		  		</div>
					</form>
            		</div>
              	</div>
            </div>
        </div>      
</section>

$('#user_form').submit(function(e){
	e.preventDefault();

var img_new = $('#img_new')[0].files;
	var img_old = $('#img_old').attr('src');

var formData = new FormData(this);
	// formData.append('img_new',img_new);
	// formData.append('img_old',img_old);

$.ajax({
		type : 'POST',
		url : '<?php echo base_url('profile-update'); ?>',
		data : formData,
		contentType: false,
		processData: false,
		success:function(response){
			response = jQuery.parseJSON(response);
			
			if(response.result==1){
				toastr["success"](response.message);
				  
			}
			else{
				toastr["error"](response.message);
			}
				
		}
	});
          
    });

$(document).ready(function(){

$.ajax({
		type : 'GET',
		url : '<?php echo base_url('profile-fetch'); ?>',
		contentType: false,
		processData: false,
		success:function(response){
			response = jQuery.parseJSON(response);
			if(response.result==1){
				$('#designation').val(response.message.present_des);
				$('#qualificaton').val(response.message.qualification);
				$('#interest').val(response.message.special_int);
				$('#publications').val(response.message.publication);
				$('#id').val(response.message.id);

var img_link = '/images/faculty_profile/'+response.message.profile_pic;
				$('#img_old').attr('src', img_link).width(190).height(190);
				$('#update_id').val(1);

}
			else{
				toastr["error"](response.message);
				$('#update_id').val(0);

}
				
		}
	});

})

<?php
    echo view('includes/flow-footer');    
?>