Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
This project is not covered by Drupal’s security advisory policy.
Overview
This module provides a Drag & Drop Upload element and widgets for a File and an Image fields.
Features
- Drag & Drop upload widget for a File and an Image fields.
- Drag & Drop multi-upload support.
- Media module integration (1.x): details
- Video module integration: details
- Insert module integration: details
- Focal Point module integration: details
- Upload progress bar support.
- Browse button can be enabled if needed.
- Provides drag & drop upload element (dragndrop_upload).
- Flexible JS part of the module, that allows developers to define custom validators and previewers for a dropzone.
- Makes it possible to turn any element into a dropzone (see Examples submodule).
Installation
- Install this module.
- Submodules that provide widgets for a File or an Image fields will be enabled automatically. Multi-upload support will be enabled if Multiupload Filefield Widget module exists.
- Create a File or an Image field and choose the widget 'Drag & Drop Upload' for it.
- If needed you can configure the widget in the field edit form, see the screenshot for help.
Project links
Recommended modules
- Multiupload Filefield Widget: to enable the multi-upload functionality.
For developers
- There is a "Drag & Drop Upload: examples" (dragndrop_upload_example) that contains examples of how to use dropzones and dragndrop_upload element.
- Submodules that provide widgets for a File and an Image fields are the best examples of how to change the functionality.
- DnD js class (dragndrop-upload.dnd.js) is a class that contains core functionality for Drag & Drop uploads. See the comments for the DnD class to get info about events that are triggered by DnD class. Using custom events is a great way to change the functionality.
- You can even override default DnD, DnDUploadAbstract, DnDUpload, DnDUploadFile, DnDUploadImage classes to change the functionality.
Similar projects
Credits
- Thanks to Deciphered for his ideas and reviews.
- Thanks to BerdArt for his support and patience.
- Thanks to Anton Kuzmenko for his help in JavaScript.
Project information
- Seeking new maintainer
The current maintainers are looking for new people to take ownership. - Maintenance fixes only
Considered feature-complete by its maintainers. - Module categories: Site Structure, Media
- 3,287 sites report using this module
- Created by webevt on , updated
- This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.
Releases
7.x-1.0-alpha2
released 18 March 2014
Works with Drupal: 7.x
✓ Recommended by the project’s maintainer.
Development version: 7.x-1.x-dev updated 18 Dec 2016 at 10:58 UTC