How to Create a File Upload Progress Bar Using jQuery and Bootstrap

every thing is explain well , but when i writing app.py program flask.ext.uploads not working give error '" from flask.ext.uploads import UploadSet,configure_uploads

ModuleNotFoundError: No module named 'flask.ext' "

This was very helpful. Thanks

Great Video sir!! It helped me a lot. I'm wondering if I need to upload multiple files how can the progress bar calculate avg of all those files. Any suggestions would be appreciated. Thank You!

how to send file with data(text) like i want to have a texbox for filename..?

Thanks for the video. I'm not sure if you'll see this but I've got a quick question 😊

I want to update a page with a value that changes overtime based on calculation on the backend, and maybe have a progress bar associated with that. How would I continuously update an element on the page based on data that comes from the backend, say, several times per second, without reloading the page each time?

mine has failed to function it just brings me errors

Very useful , thank you very much

Essa sunção xhr.upload.addEventListener('progress', function (e) {} não está funcionando no chrome e nem no firefox, o que houve? porque isso? já verifiquei em vários fóruns mas nada de resposta

Thank you for what you're doing ! It helps a lot !

Hi Sir,

how you upload the data? because I can't get the data uploaded into the folder,.
the progress bar works until 100% and said "File uploaded!", but when I check into the folder, the file doesn't exist.

Please advice.

Thank You.

Great video.

how you setup IP address for opening .html template is it localhost for something

Thanks a lot for the succinct and clear example and explanation. It helped a lot

Is there a way to do a progress bar with a runtime of a function from php?. Thanks for the video.

Hi can this be implemented on Django?

By far the best Flask channel on youtube! it has everything. Thanks a lot!

This wouldn't work with multiple files though. Any ideas how would be able to do that?

how do I make slim progress bar>>?

How to make the same script but supporting multiple files and each file start upload after the previous finished?

Hello!
I downloaded the files and ran them on my localhost. However neither the progress bar works, nor the console.log() seems to be working… any idea why?
UPDATE: the progress seems to be running in the browser status bar instead of the itself!

Hi, just wondering if you have a video of how to create an image upload interface with image preview using Bootstrap elements? Thanks!