/PHP/Laravel download file from storage with progress bar

Laravel download file from storage with progress bar

 <script type="text/javascript">
    $(".download").click(function(){
    window.location.href = 'file/30mb.pdf'; //set your file url which want to download
    var data = [];
    for (var i = 0; i < 100000; i++) {
    var tmp = [];
    for (var i = 0; i < 100000; i++) {
    tmp[i] = 'hue';
    }
    data[i] = tmp;
    };
    $.ajax({
    xhr: function () {
    var xhr = new window.XMLHttpRequest();
    xhr.upload.addEventListener("progress", function (evt) {
    if (evt.lengthComputable) {
    var percentComplete = evt.loaded / evt.total;
    //console.log(percentComplete);
    $('.progress').css({
    width: percentComplete * 100 + '%'
    });
    if (percentComplete === 1) {
    $('.progress').addClass('hide');
    }
    }
    }, false);
    xhr.addEventListener("progress", function (evt) {
    if (evt.lengthComputable) {
    var percentComplete = evt.loaded / evt.total;
    console.log(Math.round(percentComplete*100)+"%");
    $(".perc").text(Math.round(percentComplete*100)+"%");
    if((Math.round(percentComplete*100))==100)
    {
    $(".perc").text("download completed");
    $('.progress').removeClass('hide');
    // $(".perc").text("");
    }
    $('.progress').css({
    width: percentComplete * 100 + '%'
    });
    }
    }, false);
    return xhr;
    },
    type: 'POST',
    url: "file/30mb.pdf", //set your file url which want to download
    data: data,
    success: function (data) {}
    });
    });

    </script>

Source: stackoverflow.com

Similar codes

0 vote141 views1 answer
Query without chaining not working - Laravel
PHP Laravel
0 vote129 views2 answers
Https://github.com/nuxt/nuxt.js/issues/8315#:~:text=%3Chtml%20lang%3D%22ru%22%20data%2Dn%2Dhead%3D%22%257B%2522lang%2522%3A%257B%2522ssr%2522%3A%2522ru%2522%257D%257D%22%3E
PHP
3 votes156 views4 answers
Php increment variable by 1
PHP
2 votes120 views4 answers
Strict types php
PHP
0 vote118 views1 answer
Fetch data from live website curl php
PHP
0 vote163 views1 answer
Php rechercher dans une chaine
PHP
3 votes160 views2 answers
Get image width and height in laravel
PHP
0 vote136 views1 answer
Numeros positivos input laravel
PHP Laravel
1 vote169 views5 answers
Laravel eloquent batch insert
PHP Laravel
4 votes133 views3 answers
Install php7.4 linux
PHP