Uploading and processing file with progress bar in asp.net with jquery, mvc3 and html5

Question

I see there are quite a few upload /progressbar components, most of which use swf/flash.

I am implementing a feature in an app that entails uploading a smallish file (< 1 Mb) and then loading it into a database (longish operation - 10 -15 minutes, dont ask :/ ).

I'd like to show progress information for both phases of the import process. What would be your recommended strategy for implementing this feature? Any tools I should consider?

Clients are using mostly IE8, but I'd like to avoid using Flash if possible.

That is an option, but I was hoping someone had implemented some/most of this functionality, so that I did not have to write it all from scratch. — Leif Jantzen
– Leif Jantzen, Commented Jun 13, 2012 at 7:26

U.P · Accepted Answer · 2012-06-13 07:39:54Z

1

You said HTML5, then you mentioned IE8. On IE8 you will have to use jquery uploadify but if you have modern browser then you can use HTML5 (see tutorial)

answered Jun 13, 2012 at 7:39

U.P

7,4527 gold badges42 silver badges63 bronze badges

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

2 Comments

Leif Jantzen Over a year ago

Uploading the file and showing a progress bar isnt that difficult. What I am looking for is a method that will show a progress bar for the combined process of uploading the file itself, and then the processing and storing the file content in the database, preferably with helpful status messages along the way.

Jeroen K Over a year ago

The second link is broken

Sundar · Accepted Answer · 2012-06-13 13:31:58Z

0

You have to use model box, pls see following link... http://www.queness.com/resources/html/modal/jquery-modal-window.html when uploading a file call,this modelbox function,after uploading close automatically by calling this , $.modal.close() function.

answered Jun 13, 2012 at 13:31

Sundar

1591 silver badge9 bronze badges

Comments

kongaraju · Accepted Answer · 2013-11-01 07:33:37Z

0

If you are using HTML5 file reader then the file progress is easy to catch. Read the article of HTML5 field reader API on HTML5 rocks to get the further info about file reader API.

Filr Reader API

edited Nov 1, 2013 at 7:33

answered Jun 14, 2012 at 11:57

kongaraju

9,66511 gold badges59 silver badges79 bronze badges

Collectives™ on Stack Overflow

Uploading and processing file with progress bar in asp.net with jquery, mvc3 and html5

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related