/PHP/Determine the percentage of the file uploaded to the server using php

Determine the percentage of the file uploaded to the server using php

$(function() {

    var bar = $('.bar');
    var percent = $('.percent');
    var status = $('#status');

    $('form').ajaxForm({
        beforeSend: function() {
            status.empty();
            var percentVal = '0%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        uploadProgress: function(event, position, total, percentComplete) {
            var percentVal = percentComplete + '%';
            bar.width(percentVal);
            percent.html(percentVal);
        },
        complete: function(xhr) {
            status.html(xhr.responseText);
        }
    });
}); 





<form action="file-echo2.php" method="post" enctype="multipart/form-data">
    <input type="file" name="myfile"><br>
    <input type="submit" value="Upload File to Server">
</form>

<div class="progress">
    <div class="bar"></div >
    <div class="percent">0%</div >
</div>

<div id="status"></div>

Source: stackoverflow.com

Determine the percentage of the file uploaded to the server using php

$.ajax({
  xhr: function() {
    var xhr = new window.XMLHttpRequest();

    xhr.upload.addEventListener("progress", function(evt) {
      if (evt.lengthComputable) {
        var percentComplete = evt.loaded / evt.total;
        percentComplete = parseInt(percentComplete * 100);
        console.log(percentComplete);

        if (percentComplete === 100) {

        }

      }
    }, false);

    return xhr;
  },
  url: posturlfile,
  type: "POST",
  data: JSON.stringify(fileuploaddata),
  contentType: "application/json",
  dataType: "json",
  success: function(result) {
    console.log(result);
  }
});

Source: stackoverflow.com

Similar codes

1 vote259 views1 answer
Error: Cannot redeclare composerRequire1d8e02dff94f518b7a14ddcb6710f10d() (previously declared in /Applications/XAMPP/xamppfiles/htdocs/all4learn2/Vendor/composer/autoload_real.php:66)
PHP
2 votes251 views1 answer
Php count amount of times a value appears in array
PHP
0 vote237 views2 answers
Use class in blade laravel
PHP
0 vote231 views1 answer
Laravel count by date
PHP
12 votes256 views2 answers
Creating a Basic Route in Laravel 8
PHP
0 vote236 views1 answer
When WYSIWYG fields remove paragraph tag
PHP
0 vote250 views1 answer
Limiter l'accès à l'API REST WordPress
PHP
1 vote251 views1 answer
Remove add media button wordpress editor
PHP Wordpress
0 vote281 views1 answer
Laravel-5-on-shared-hosting-wrong-public-path
PHP Laravel
2 votes236 views2 answers
Importing current year in laravel blade
PHP