adding progress bar

Question

I have created a page to upload a file (single) to my server :

<form action="<?php echo $_SERVER['PHP_SELF'];?>?e_name=<?php echo $_GET['e_name']; ?>" method="post" enctype="multipart/form-data"> <input type="file" id="upload-video" name="userfile" onchange="handleFiles(this.files)" class="input"/> <div> <input type="submit" name="submit" value="העלה" class="button"/> </div> </form>

and i was wondering how i could add a progress bar to it. i have noticed that in chrome you can see the upload percentage and wanted to know if there is a way to use that information.

if not, what is a good way to do this? i have been looking around but always seem to get confused with what i find, if someone could explain it simply that would be grate.

thank you very much.

tried this? Upload Progress Bar in PHP

Czechnology
– Czechnology

2012-02-01 20:04:47 +00:00
Commented Feb 1, 2012 at 20:04 — Czechnology
– Czechnology, Commented Feb 1, 2012 at 20:04
possible duplicate of Show progress for PHP long script

Madara's Ghost
– Madara's Ghost

2012-02-01 20:04:53 +00:00
Commented Feb 1, 2012 at 20:04 — Madara's Ghost
– Madara's Ghost, Commented Feb 1, 2012 at 20:04

bpeterson76 · Accepted Answer · 2012-02-01 20:06:10Z

1

I've been using a jQuery plugin to do all my file uploads, seems quicker than trying to reinvent the wheel. It includes the form plus the progressbar and hints on how to process on the backend. Plus, they've done all the bugchecking for you.

Jquery File Upload Plugin

answered Feb 1, 2012 at 20:06

bpeterson76

12.9k6 gold badges51 silver badges82 bronze badges

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

2 Comments

Dvir Levy Over a year ago

im trying to insert this into a joolan system. i was able to insert it where i want but i cant upload or delete. delete does nothing and upload get error "unexpected <" do u know anything about this?

bpeterson76 Over a year ago

You'd have to show your code. It's possible you haven't terminated your server-side language or properly quoted the script if that's how you chose to use it. An editor like NetBeans could point it out very quickly.

bizzr3 · Accepted Answer · 2012-02-01 20:06:01Z

0

check this example , this do what you want

answered Feb 1, 2012 at 20:06

bizzr3

1,9755 gold badges24 silver badges38 bronze badges

Collectives™ on Stack Overflow

adding progress bar

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related