PHP remote file upload progress bar

Question

I want to upload file from frontend to remote server via PHP and progress bar, how could I do this? May be it is possible without installing extra software on frontend and remote servers?

On frontent server a have apache, PHP On remote server a have nginx, PHP-FPM

Tons of resources out there on this already, please try looking beforehand. e.g. youtu.be/pP8MexNb7QM stackoverflow.com/q/15410265/2773837 stackoverflow.com/q/3586919/2773837 stackoverflow.com/q/2704314/2773837 stackoverflow.com/q/48819619/2773837 php.net/manual/en/features.file-upload.php — Hatchet
– Hatchet, Commented Jul 10, 2018 at 23:47
Dude, most of your links are not about uploading file with progress bar to remote server... — Djohn Rock
– Djohn Rock, Commented Jul 11, 2018 at 0:09
What specific issues are you having? Do you have a complete, minimal, and verifiable example? What have you tried that does not work? I posted links since it appears you need a starting point. — Hatchet
– Hatchet, Commented Jul 11, 2018 at 0:11
I did't know how to start solving this but now i tried example from your link youtu.be/pP8MexNb7QM and it looks good for me, i need to add percents to progressbar but anyway the main task is solved, thanks! — Djohn Rock
– Djohn Rock, Commented Jul 11, 2018 at 0:17

Syed Arif Iqbal · Accepted Answer · 2018-07-11 11:44:52Z

0

you can view this question in details. anyways when you call ajax request from query where is a function called uploadProgress you can call and track the status and percentage on file uploading in server. this function accept four parameters event, position, total, percentComplete

example

$.ajax({
    beforeSend: function() {
         // reset your progress bar here or do anything before making a call to endpoint
    },
    uploadProgress: function(event, position, total, percentComplete) {
        var percentVal = percentComplete + '%';
        $('#progressBar').width(percentVal);
    },
    complete: function(xhr) {
        alert(xhr.responseText);
    }
});

answered Jul 11, 2018 at 11:44

Syed Arif Iqbal

1,42712 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

PHP remote file upload progress bar

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related