compress & ratio crop ATT ava/photo

[Alex M Pro]

f5uploader.php

[Alex M Pro]

4.png 0.png

[Alex M Pro]

class.f5.main.php

$srcOfAva = str_replace (' ','%20',$get_op);
$srcOfAva = str_replace ('/img/avaup/','/img/avaup/5x5_',$srcOfAva);

[Alex M Pro]

model-f5start.php

    $getATTAva = $j_array_allWeight[$key]->avatar;
    $getATTAva = str_replace ('/img/avaup/','/img/avaup/5x5_',$getATTAva);

[Alex M Pro]

v-f5marshal.php

<progress min="0" max="100" value="0">0% complete</progress>

[Alex M Pro]

f5main.css

.modal-content {
    background-color: #cffdff;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 19px;
    border: 2px solid #000;
    width: 93%; /* Could be more or less, depending on screen size */
}

[Alex M Pro]

f5core.js

    //
      // Listen to the upload progress.
  var progressBar = document.querySelector('progress');
  xhr.upload.onprogress = function(e) {
    if (e.lengthComputable) {
      progressBar.value = (e.loaded / e.total) * 100;
      progressBar.textContent = progressBar.value; // Fallback for unsupported browsers.
    }
  };
    //

[Alex M Pro]

v-edit.php v-edit-one.php

document.getElementById("preloaderderEdit").style.display="none";

    // Listen to the upload progress.
  document.body.scrollTop = document.documentElement.scrollTop = 0;
  document.getElementById("preloaderderEdit").style.display="block";
  var progressBar = document.querySelector('progress');
  xhr.upload.onprogress = function(e) {
    if (e.lengthComputable) {
      progressBar.value = (e.loaded / e.total) * 100;
      progressBar.textContent = progressBar.value; // Fallback for unsupported browsers.
    }
  };
    // 

[Alex M Pro]

is done!