change event listener conflict with fileuploader plugin

[agriberk]

There is a plugin for adding a progress bar to the input file element. its located here http://github.com/valums/file-uploader.

Unfortunately after strapping it into my webpage the upload plugin no longer works and after investigating the issue in chrome it seems the input tag after adding the new plugin now has a different change event handler.

how can this be resolved?

[blueimp]

jQuery File Upload already provides progress bars for file uploads.
Valum's File Uploader serves the same purpose, so it doesn't make sense to use both.

[agriberk]

Thanks for the quick reply blueimp. Can you advise me on a way to implement a progress bar with Jquery File Upload Plugin? It does not have to be anything fancy just an indicator for the file's progression.

I found this in the docs: https://github.com/blueimp/jQuery-File-Upload/wiki/Extended-progress-information

But I dont know exactly what to do.

BTW: I using the basic js file.

Thanks for your help.

[blueimp]

Why not simply follow the setup guide?
It gives you a complete UI including progress bars.
https://github.com/blueimp/jQuery-File-Upload/wiki/Setup

[agriberk]

I have followed the instructions provided for the basic installation but it does not give a progress bar.
https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

[agriberk]

I have going through all the demo files but there is so much going on I cant figure out how to implement a progress bar. Can you please help me?

The setup guide link does not have a section where it says how to implement a progress bar.

Thank you for your help blueimp.

[blueimp]

I've updated the documentation for the basic plugin and added a section on how to implement progress bars:
https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

[agriberk]

That works! Thank you so much. I just needed to ad height to the bar element and walla. Perfect. Thank you.

[daniel-codrea]

Hi,
Sorry for commenting on a closed issue, but this is exactly my problem as-well.
I am calling the basic js file when using the upload plugin, but I have a problem with the progress bar. It only displays 100% and not the real progress of the upload.
I have used the extended progress information, and both data.loaded and data.total return the same size :(.
Could you please provide some input why this is happening?

[blueimp]

Did you test it with IE < 10?
Cause those IE versions do not support progress reporting:
https://github.com/blueimp/jQuery-File-Upload/wiki/Browser-support