August 25, 2020
  • 7:34 am Cách tách gộp ô trong Excel – How to Merge Cells in Excel
  • 7:23 am Cách xem mật khẩu wifi cho điện thoại Samsung , Oppo, wifi Tenda , iPhone| Dương Văn An
  • 7:10 am HƯỚNG TẢI NHẠC YOUTUBE VỀ MÁY TÍNH DẠNG FILE ZING MP3 ĐƠN GIẢN NHẤT
  • 6:58 am One Punch Man – Tập 05 [Việt sub] [Bản giới hạn]
  • 6:43 am Bài tập Excel nâng cao có hướng dẫn giải [Cực Hay]



In this video I’ll show you how to create a form upload progress bar using jQuery, Bootstrap and Flask.

To download a free Flask cheat sheet, go here:

To view my video on Flask uploads, go here:

Download the code here:

Thanks to Renzo for the video idea.

Web Development Courses:
Flask Cheatsheet:

Subscribe:
Twitter:
Facebook:
Github:
Instagram:
Google Plus:

Nguồn: https://alimentproteine.com/

Xem thêm bài viết khác: https://alimentproteine.com/cong-nghe/

admin

RELATED ARTICLES

21 COMMENTS

  1. Alok Rajput Posted on July 1, 2020 at 4:15 am

    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' "

    Reply
  2. Rus H Posted on July 1, 2020 at 4:15 am

    This was very helpful. Thanks

    Reply
  3. AKHILA SRI Posted on July 1, 2020 at 4:15 am

    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!

    Reply
  4. Jin Kaz Posted on July 1, 2020 at 4:15 am

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

    Reply
  5. Ryan Kupka Posted on July 1, 2020 at 4:15 am

    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?

    Reply
  6. Aggie Nabuufu Posted on July 1, 2020 at 4:15 am

    mine has failed to function it just brings me errors

    Reply
  7. Ottavino Gnata Posted on July 1, 2020 at 4:15 am

    Very useful , thank you very much

    Reply
  8. web rádio Amazônia Central Posted on July 1, 2020 at 4:15 am

    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

    Reply
  9. Maxime Rouhier Posted on July 1, 2020 at 4:15 am

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

    Reply
  10. Yohan Kurniadi Posted on July 1, 2020 at 4:15 am

    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.

    Reply
  11. Ashok Kumar Posted on July 1, 2020 at 4:15 am

    Great video.

    Reply
  12. 3E Posted on July 1, 2020 at 4:15 am

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

    Reply
  13. Pedro Pires Posted on July 1, 2020 at 4:15 am

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

    Reply
  14. Daniel Cardona Martinez Posted on July 1, 2020 at 4:15 am

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

    Reply
  15. Chris fraps Posted on July 1, 2020 at 4:15 am

    Hi can this be implemented on Django?

    Reply
  16. Kenny Aires Posted on July 1, 2020 at 4:15 am

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

    Reply
  17. Φωνκey ΜoNkεY Posted on July 1, 2020 at 4:15 am

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

    Reply
  18. eugene JI Posted on July 1, 2020 at 4:15 am

    how do I make slim progress bar>>?

    Reply
  19. Romans Leonovs Posted on July 1, 2020 at 4:15 am

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

    Reply
  20. Jeremy Patton Posted on July 1, 2020 at 4:15 am

    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!

    Reply
  21. Henry Tran Posted on July 1, 2020 at 4:15 am

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

    Reply
LEAVE A COMMENT