<div style="padding: 10px;"></div>

<div class="col-md-2 col-md-offset-1" style="padding-top: 10px; padding-bottom: 10px;">
    <div id="profilepic" onclick="openFileOption()">
    <?php 
$t = time();
$src = _SPPATH . Leap\View\InputFoto::getFoto($roleObj->admin_foto);
$id = "holder_foto_old_" . $t;
?>
        <img src="<?php 
echo $src;
?>
" id="<?php 
echo $id;
?>
" style="width: 100%;" class="img-responsive">
        <input type="file" id="upload" name="upload" style="visibility: hidden; width: 1px; height: 1px"  />
    </div>
<script>
function openFileOption()
{
    document.getElementById('upload').click(); return false;
  
}


            document.querySelector('#profilepic input[type=file]').addEventListener('change', function (event) {
                // Read files
                var files = event.target.files;
                //alert('in');
                //console.log(files);
 public function getFoto($src = "")
 {
     if ($src == "") {
         $src = $this->admin_foto;
     }
     return Leap\View\InputFoto::getFoto($src);
 }