Laravel Vue.js Asynchronous Multiple Files Upload With Progress Bar

The complete Laravel & Vue.js course:
https://www.udemy.com/course/laravel-vuejs-fullstack-web-development/?couponCode=YOUTUBE9D

In this video I'm going to show you how to handle multiple files upload asynchronously using Laravel and Vue.js

In this video you'll learn:
- Two different ways how to upload file in laravel
- Validating the file & save it into database
- Display uploaded files
- Beautify standard file input without any plugin
- Asyncronous multiple files upload
- Showing progress bar while files being uploaded

In this video We'll be working with Laravel first and make our app functional, after that we'll working with Vue.js to build interactivity.

TOC
--------
1. Designing User Interface
https://youtu.be/sJuG32d8_uA?t=149

2. Creating endpoint for uploading image
https://youtu.be/sJuG32d8_uA?t=567

3. Validating File being uploaded
https://youtu.be/sJuG32d8_uA?t=763

4. Uploading the file - First approach
https://youtu.be/sJuG32d8_uA?t=896

5. Uploading the file - Second approach
https://youtu.be/sJuG32d8_uA?t=1122

6. Displaying files on the storage
https://youtu.be/sJuG32d8_uA?t=1349

7. Multiple Files upload
https://youtu.be/sJuG32d8_uA?t=1574

8. File input enchantment with Bootstrap + Vue.js
https://youtu.be/sJuG32d8_uA?t=1866

9. Parent-child communication with custom event
https://youtu.be/sJuG32d8_uA?t=2239

10. Asynchronous File upload
https://youtu.be/sJuG32d8_uA?t=2482

11. Asynchronous Multiple Files upload
https://youtu.be/sJuG32d8_uA?t=2650

12. Displaying Ajax Progress bar
https://youtu.be/sJuG32d8_uA?t=2814

13. Setting up the state of progress bar & upload button
https://youtu.be/sJuG32d8_uA?t=3132

14. Adding clear file button
https://youtu.be/sJuG32d8_uA?t=3370

Видео Laravel Vue.js Asynchronous Multiple Files Upload With Progress Bar канала TutsPrime