jQuery Ajax File upload with Percentage Progress bar

I have already written a similar post long back using jQuery form Plugin, if you wish you can see the link below:

PHP jQuery AJAX Image Upload Script download and use it!

Before going through the script you can see the demo here:




The difference between the above and this post is, here we are using pure jQuery no plugin used, also with a progress bar.

And the backend script is obviously PHP and there is one more different, this script can be used to upload images, documents etc.,

Let’s see the Front end script first (HTML and jQuery also used Bootstrap for progress bar):

As you can see I have used FormData() to send the form data to the backend php script.

Let’s see the PHP script as well:

You can read the comments in the above file to understand the script.


Download this script from the links below:



About the Author


Software Engineer, Blogger etc., Visit my Youtube channel - <a href="">Click Here</a>

3 thoughts on “jQuery Ajax File upload with Percentage Progress bar

Leave a Reply

Your email address will not be published. Required fields are marked *