Php ajax upload file progress

Now create a new file named upload. In this file, we will just be storing the file in a server. Paste the following code in upload. At this point if you run the index.

Get progress bar object in javascript, right above return false; line in the function onSubmit , like this:. While uploading files, ajax object also has an event called onprogress that will tell the current uploaded file percentage:. First you have to set the maximum value of progress object to that required by an AJAX request to upload the file:.

Now simply set the progress value attribute to uploaded value from event object:. Now, you will be able to view the progress of an uploaded file via AJAX. Thursday, 2 August Upload of Image or File must always required a Progress bar. This type of website feature which has been ignored by most of the web developers. This type of feature is an one part of web application functionality.

If we have not use progress bar in image or file upload using Ajax then user cannot seen what is uploading which we have done in back end and he cannot get idea about file or image has been uploaded or not.

So, if user has send request to server for upload file or image operation, then it is best practice to see them about the progress of their uploading.

Collectives on Stack Overflow. Learn more. Asked 3 years, 9 months ago. Active 3 years, 9 months ago. Viewed 8k times. XMLHttpRequest ; xhr. Improve this question. Add a comment. Active Oldest Votes. Improve this answer. Could this be a problem with xampp? First of all, make sure you have PHP 5. You didn't tag php Check by calling echo phpversion ; or php -v from the command line. Anyway, assuming you have the correct version, you must be able to set the correct values in the php.

Since you say you can't do that, it's not worth me launching into an explanation on how to do it. Stack Overflow for Teams — Collaborate and share knowledge with a private group.

Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Asked 9 years, 9 months ago. Active 1 year, 1 month ago. Viewed 25k times. Improve this question. Michael Gaskill 7, 10 10 gold badges 38 38 silver badges 42 42 bronze badges. Wasim A.