Ep100 - Javascript File Uploader Tutorial & Source Code

Ep100 - Javascript File Uploader Tutorial & Source Code
https://drive.google.com/file/d/1Jecb-LEfrpE9W-q3TUI8-tps8CzHDqCC/view?usp=sharing

1. Create HTML & CSS
2. create input type file multiple to open file explorer
3. when button is clicked file explorer should open with javascript
4. add change event on buton click to get uploaded files
5. detect dragover and dragleft in div with javascript
6. add a class on dragover and dragleave and change the text
7. get the droped file on section with e.dataTransfer.files
8. get information of file when dragged and dropped also on button click
9. display the selcted files information in list item
10. use foreach to display list item one by one
11. use destructuring assignment to get name and size from file object
12. get the extension of file using split() and pop() method of string
13. use PHP to file upload and check update progress
14. use XMLHttpRequest to send data to php and store it in folder
15. display the progress bar data with xhr.upload progressevent

In this video
1. destructuting assignment
2. foreach
3. split and pop function
4. drag, drop event
5. file handling
6. spread operator
7. insertAdjacentHTML('afterbegin')
8. XMLHttpRequest

Видео Ep100 - Javascript File Uploader Tutorial & Source Code канала UI Monk