Upload multiple files using drag and drop HTML, CSS & Javascript | Ajax multiple files upload

preview_player
Показать описание
Hi, In this video, we will make a complete widget to upload files using the browse button and with drag and drop functionality. Drag and drop have proper animation in a professional way. Files will upload with the progress bar and show the file size on completed. Also, validation of file type will be added. Files will upload to the server using Ajax in JS.
I create the full project including HTML & CSS. If you are not here to learn that then skip that part and go next. All the source code is given below to help you in creating the project. All your suggestion about this channel is appreciable.

Checkout Live Demo

Source Code

Chapters:
0:00 Intro
1:35 HTML
4:00 CSS
11:39 JS
16:49 PHP

––––––––––––––––––––––––––––––
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
––––––––––––––––––––––––––––––
Рекомендации по теме
Комментарии
Автор

How can i make to accept all types of files like js and php and c# also on

efqfcvu
Автор

Brother I need svg link of cross and tick

_fyitsanjay
Автор

Hi the uploaded files are not storing in 'uploads\' directory. What is the issue

dhanuramks
Автор

weird.... i have tried this code in my local webserver and image/ videos is just showed in a another tab but it won't upload.. In your server drag and drop upload is working...

TomasMisura
Автор

*Drag

Proofread your thumbnails before uploading. I didn't even watch the video because of this.

JoshPeterson