Enable Drag and Drop on Adding Plugin Upload
Drag and drop interface on the plug-in upload page
A WordPress plugin that adds drag and drop capabilities to plug-in uploads across the admin: the plug-in installer (/wp-admin/plugin-install.php), the Plugins page (/wp-admin/plugins.php), and the install/update result pages (/wp-admin/update.php), so you can keep uploading plug-ins without leaving the page.
Features:
- Drag and drop ZIP files directly onto the upload form
- Drag and drop one or more plugin ZIPs directly onto the Plugins list (
plugins.php) — no need to open the upload form first - Upload multiple plug-in ZIP files at once – they are installed one at a time with a per-file status list
- Upload queue: added files append to the list, each on its own line with a remove button
- “Upload Plugin” button on the Plugins page, next to “Add Plugin”, that reveals the upload form
- Upload form shown again after each install or update, so you can upload another plug-in right away
- One-click “Activate Uploaded Plugins Now” button after installation completes
- In-place replacement of already-installed plug-ins via a “replace existing [current version] with new [uploaded version]” link
- Click-to-browse functionality on the drop zone
- Automatic file validation (ZIP files only)
- Visual feedback, success/error messages, and smooth animations
How It Works:
The plug-in:
* Loads on the plug-in install page (plugin-install.php), the Plugins page (plugins.php), and the upload result pages (update.php)
* Adds a visual drop zone in place of the standard upload form
* On the Plugins list page, also accepts drops anywhere on the list (shows an overlay while dragging)
* Handles drag and drop events and validates dropped files (must be ZIP files)
* Queues the selected files and installs them one at a time using WordPress’s own upload handler
* Shows a per-file result list with options to replace already-installed plug-ins and activate the new ones
* Provides visual feedback during drag operations
Browser Support:
Works in all modern browsers that support the HTML5 Drag and Drop API:
* Chrome
* Firefox
* Safari
* Edge