javascript - Jquery File Upload Plugin Progress Bar - Stack Overflow

admin管理员组

文章数量:1312825

This plugin manages file uploads in a webpage and can add a lot of UI elements to the upload process.

You create an input file type element and then strap the js files, use the instantiating code and walla. There are options and API instructions for acplishing different features.

Problem:

I want to implement a progress bar for file uploads but so far there is no real instruction on how to do that in the docs.

I found one option you can set by pasting this code in:

progress: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10); }

But doing that it has not changed anything. Can someone who understands javascript please help me find out how to get a progress bar implemented?

Thank you.

This plugin manages file uploads in a webpage and can add a lot of UI elements to the upload process.

You create an input file type element and then strap the js files, use the instantiating code and walla. There are options and API instructions for acplishing different features.

Problem:

I want to implement a progress bar for file uploads but so far there is no real instruction on how to do that in the docs.

I found one option you can set by pasting this code in:

progress: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10); }

But doing that it has not changed anything. Can someone who understands javascript please help me find out how to get a progress bar implemented?

Thank you.

• javascript
• jquery

Share Improve this question Follow asked Jul 9, 2012 at 23:31 user1464296user1464296

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

Okay, after talking to the programmer for the plugin on Github he has added a section in the docs to include instructions for implementing a progress bar for the basic setup.

The convo between me and him is here: https://github./blueimp/jQuery-File-Upload/issues/1451#issuement-6869829

The solution in the docs is here: https://github./blueimp/jQuery-File-Upload/wiki/Basic-plugin

From https://github./blueimp/jQuery-File-Upload/wiki/Extended-progress-information It looks like the jQuery UI version is different from the jQuery basic version of the plugin. Which version are you using? You can obviously see on that page the method for accessing the info in the basic jQuery version, and it claims that in the UI version you can get progress info automatically.

本文标签： javascriptJquery File Upload Plugin Progress BarStack Overflow