Hi there, In this tutorial we discuss about Drag and Drop upload and Delete multiple File using PHP procedural form programming style and Ajax JQuery.
In this tutorial we not use html file input for upload multiple files, We have use a html tag then we will use dragover, dragleave, drag and drop event of Jquery and we have use how can you custom design input file.
First time when drop over on upload div then we will add a class for border style and at that time when drop leave so remove border style class so when Droped here file then that time we create FormData() object and appending files into that FormData() object and that FormData object send to php file for upload file by using ajax request without page refresh.
When file will uploaded successfull then we will fetch all image file by using php glob function then we create delete option by each image file name.
So Now Fellow our video tutorial We have also provide source code.So Dear, friend please share this post.Thanks
Next Tutorilas Link these:
Files structure Fellow:
- Application root folder
//This file will be upload file
// view page