Saturday, 8 February 2014

Filled Under:

How To File Upload with Progress Bar using jQuery and PHP

Posted By: Unknown on 00:38



          we have received many people requests who have visit my blog that ho wo create fileupload progressbar using php and jQuery.and in this post Bhavesh Bodar developed a some few line easy code using php and jQuery to upload file with percentage Progress Bar.here you can upload any file or unlimited file size without page refresh.


free download complate source code and example for this tutorial visit our official website 

http://easyscript4u.com/demo/file-upload-progress-bar

if you have any query or problem than you can freely contact easyscript4you@gmail.com.




20 comments:

  1. pavan7 April 2014 at 02:43

    Instead of using php can we do this uploading with only jquery/ajax/html

    ReplyDelete
    Replies
    1. Anonymous24 April 2014 at 00:52

      seems like you are looking for http://jsever.blogspot.in/ plugin, this is one of the cool plugin i have seen you can find the source code from here https://github.com/JSEver/JSAjaxFileUploader and its open source :) hope that helps

      Delete
  2. Unknown7 April 2014 at 21:05

    Dear pavan you can not uploading without php in this progress bar.

    ReplyDelete
  3. Anonymous11 April 2014 at 00:56

    How to get extraData in controller?

    ReplyDelete
    Replies
    1. Anonymous24 April 2014 at 00:51

      @Pavan seems like you are looking for http://jsever.blogspot.in/ plugin, this is one of the cool plugin i have seen you can find the source code from here https://github.com/JSEver/JSAjaxFileUploader and its open source :) hope that helps

      Delete
    2. Anonymous24 April 2014 at 00:55

      @Anonymouse using this plugin https://github.com/JSEver/JSAjaxFileUploader you can also send extra form information and it has many more features too i'm using this in my project and it really simple to setup

      Delete
  4. Ahmed Ali24 April 2014 at 10:49

    How can I send the user to upload page instead of showing the page in index?

    ReplyDelete
    Replies
    1. Unknown24 April 2014 at 11:06

      Dear Ahmed,

      i am not understand what you mean ?

      Delete
    2. Ahmed Ali24 April 2014 at 12:25

      Here after uploading the user sees "File uploaded Success !" under the progress bar

      I need the user to be sent to the upload page where he sees "File uploaded Success !" only

      Delete
  5. Ahmed Ali24 April 2014 at 12:24

    This comment has been removed by the author.

    ReplyDelete
  6. Unknown24 April 2014 at 15:03

    that's exactly what I need it to do too... display the file upload success message on a new page, not underneath the form....is that possible.?

    ReplyDelete
    Replies
    1. Ahmed Ali24 April 2014 at 20:51

      I have found this way
      on your html tag add id like this
      id="full"
      add to the javascript
      var full = $('#full');
      at last replace
      status.html(xhr.responseText);

      with

      full.html(xhr.responseText);

      this will work correctly edit it as your own needs

      Delete
  7. Anonymous29 April 2014 at 09:40

    Thank-you, after several hours I came across this script which will do exactly what I need!

    ReplyDelete
  8. Anonymous9 May 2014 at 23:24

    Awesome... Thanks...

    ReplyDelete
  9. Anonymous22 May 2014 at 21:02

    Is there a way to add form and file size validation before the progress bar gets triggered? For example, I added a bit of php form validation, but the progress bar shows 100% upload even though it didn't get uploaded due to the validation.

    ReplyDelete
  10. Anonymous9 July 2014 at 05:37

    Can I legally use this on my website, because in meta name there is: "Copyright 2014 easyscript4u.com @ All Rights Reserved" ?

    ReplyDelete
  11. Anonymous21 July 2014 at 11:53

    I wouldn't worry about rights, Anonymous. People don't post code like this online if they don't intend for people to use it.

    Thank you for this, Bodar, saved a lot of time for me.

    ReplyDelete
  12. Unknown22 October 2014 at 22:42

    Wonderful... Thanks...

    Hi guys please take jquery.form.js from here.
    https://github.com/malsup/form/blob/master/jquery.form.js

    ReplyDelete
  13. Anonymous5 December 2014 at 18:33

    file not found.cant download the file please help sir

    ReplyDelete
  14. Rahul22 March 2015 at 03:48

    Great post
    thanks
    hire Magento Developer

    ReplyDelete

Subscribe to: Post Comments (Atom)