3

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 accomplishing 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.

Improve this question

2 Answers 2

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.com/blueimp/jQuery-File-Upload/issues/1451#issuecomment-6869829

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

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

Comments

0

From https://github.com/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.

Improve this answer

1 Comment

I am using the basic version. The problem with the docs is that it does not give instructions for using the UI version. It gives a demo page, but there is 'to much going on' to make sense of what the necessary steps are.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.