PHPackages prodixx/dropzone-field-for-backpack - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. prodixx/dropzone-field-for-backpack ActiveLibrary[Utility & Helpers](/categories/utility) prodixx/dropzone-field-for-backpack =================================== Dropzone field for Laravel Backpack 2.40(1y ago)92261[1 issues](https://github.com/prodixx/dropzone-field-for-backpack/issues)MITPHP Since Jun 11Pushed 1y ago2 watchersCompare [ Source](https://github.com/prodixx/dropzone-field-for-backpack)[ Packagist](https://packagist.org/packages/prodixx/dropzone-field-for-backpack)[ Docs](https://github.com/prodixx/dropzone-field-for-backpack)[ RSS](/packages/prodixx-dropzone-field-for-backpack/feed)WikiDiscussions main Synced today READMEChangelog (9)Dependencies (5)Versions (11)Used By (0) Dropzone Field for Backpack 4 ============================= [](#dropzone-field-for-backpack-4) [![Latest Version on Packagist](https://camo.githubusercontent.com/6877e6458865ca58d6aef6c9de0086776f0061738f0c4f04f64458935f4fdac1/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f70726f646978782f64726f707a6f6e652d6669656c642d666f722d6261636b7061636b2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/prodixx/dropzone-field-for-backpack)[![Total Downloads](https://camo.githubusercontent.com/9d6117c66137b1569c89eec67ed8f583220a9bc9ba55ee366a8d1ac50f2a51a5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f70726f646978782f64726f707a6f6e652d6669656c642d666f722d6261636b7061636b2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/prodixx/dropzone-field-for-backpack)[![The Whole Fruit Manifesto](https://camo.githubusercontent.com/9fc65ecdd629dc33c369f73e0bc051740f01647367c131a574577fea2a5678bb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f77726974696e672532307374616e646172642d74686525323077686f6c6525323066727569742d627269676874677265656e)](https://github.com/the-whole-fruit/manifesto) This package provides a [Dropzone](https://www.dropzonejs.com/) field type for projects that use the [Backpack for Laravel](https://backpackforlaravel.com/) administration panel. More exactly, the dropzone field type allows admins to upload multiple images to a crud entity. After uploading you can reorder the images simply by drag and drop. Screenshots ----------- [](#screenshots) [![Backpack Toggle Field Addon](https://user-images.githubusercontent.com/3352723/121692505-d1650900-cad0-11eb-8526-d8f18307785e.jpg)](https://user-images.githubusercontent.com/3352723/121692505-d1650900-cad0-11eb-8526-d8f18307785e.jpg) Installation ------------ [](#installation) Via Composer ``` composer require prodixx/dropzone-field-for-backpack ``` Usage ----- [](#usage) For the moment you can use drozone field only on update operantions. So, to use it, inside your custom CrudController do: ``` namespace App\Http\Controllers\Admin; use Prodixx\DropzoneFieldForBackpack\Traits\DropzoneTrait; class ProductCrudController extends CrudController { use DropzoneTrait; protected function setupUpdateOperation() { $this->setupCreateOperation(); CRUD::addField( [ 'name' => 'images', 'label' => 'Images', 'type' => 'dropzone', 'disk' => 'public', 'destination_path' => 'products/', 'image_width' => 800, 'image_height' => 600, 'mimes' => 'image/*', 'max_file_size' => 5, // MB 'webp' => true, // (optional) also save webp version 'view_namespace' => 'prodixx.dropzone-field-for-backpack::fields', 'thumb_prefix' => '', // 'hint' => 'Some info', // (optional) some text that is shown under the field // 'tab' => 'Images', // (optional) if you want the field to be shown in tabs ], ); } } ``` Notice the `view_namespace` attribute - make sure that is exactly as above, to tell Backpack to load the field from this *addon package*, instead of assuming it's inside the *Backpack\\CRUD package*. Overwriting ----------- [](#overwriting) If you need to change the field in any way, you can easily publish the file to your app, and modify that file any way you want. But please keep in mind that you will not be getting any updates. **Step 1.** Copy-paste the blade file to your directory: ``` # create the fields directory if it's not already there mkdir -p resources/views/vendor/backpack/crud/fields # copy the blade file inside the folder we created above cp -i vendor/prodixx/dropzone-field-for-backpack/src/resources/views/fields/dropzone.blade.php resources/views/vendor/backpack/crud/fields/dropzone.blade.php ``` **Step 2.** Remove the vendor namespace wherever you've used the field: ``` CRUD::addField( [ 'name' => 'images', 'label' => 'Images', 'type' => 'dropzone', 'disk' => 'public', 'destination_path' => 'products/', 'image_width' => 800, 'image_height' => 600, 'mimes' => 'image/*', 'max_file_size' => 5, // MB 'webp' => true, - 'view_namespace' => 'prodixx.dropzone-field-for-backpack::fields' 'thumb_prefix' => '', // 'hint' => 'Some info', // (optional) some text that is shown under the field // 'tab' => 'Images', // (optional) if you want the field to be shown in tabs ], ); ``` **Step 3.** Uninstall this package. Since it only provides one file, and you're no longer using that file, it makes no sense to have the package installed: ``` composer remove prodixx/dropzone-field-for-backpack ``` Change log ---------- [](#change-log) Changes are documented here on Github. Please see the [Releases tab](https://github.com/prodixx/dropzone-field-for-backpack/releases). Contributing ------------ [](#contributing) Please see [contributing.md](contributing.md) for a todolist and howtos. Security -------- [](#security) If you discover any security related issues, please email instead of using the issue tracker. Credits ------- [](#credits) - [Catalin Prodan](https://github.com/prodixx) - [Cristian Tabacitu](https://github.com/tabacitu) - For being the creator of Backpack - [All Contributors](../../contributors) License ------- [](#license) This project was released under MIT, so you can install it on top of any Backpack & Laravel project. Please see the [license file](license.md) for more information. However, please note that you do need Backpack installed, so you need to also abide by its [YUMMY License](https://github.com/Laravel-Backpack/CRUD/blob/master/LICENSE.md). That means in production you'll need a Backpack license code. You can get a free one for non-commercial use (or a paid one for commercial use) on [backpackforlaravel.com](https://backpackforlaravel.com). ### Health Score 33 — LowBetter than 75% of packages Maintenance35 Infrequent updates — may be unmaintained Popularity18 Limited adoption so far Community11 Small or concentrated contributor base Maturity58 Maturing project, gaining track record Bus Factor1 Top contributor holds 91.7% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~135 days Recently: every ~171 days Total 10 Last Release 576d ago Major Versions 1.0.3 → 2.0.02022-11-25 ### Community Maintainers ![](https://www.gravatar.com/avatar/75016aca17adad645b170aff05617b04f31bd5f6ad1e4ca254f8ebc45e4aeaf0?d=identicon)[prodixx](/maintainers/prodixx) --- Top Contributors [![prodixx](https://avatars.githubusercontent.com/u/3352723?v=4)](https://github.com/prodixx "prodixx (11 commits)")[![pxpm](https://avatars.githubusercontent.com/u/7188159?v=4)](https://github.com/pxpm "pxpm (1 commits)") --- Tags addonbackpack-for-laraveldropzonefieldlaravellaravelbackpackBackpack for LaravelBackpack AddonDropzoneFieldForBackpack ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/prodixx-dropzone-field-for-backpack/health.svg) ``` [![Health](https://phpackages.com/badges/prodixx-dropzone-field-for-backpack/health.svg)](https://phpackages.com/packages/prodixx-dropzone-field-for-backpack) ``` ### Alternatives [backpack/theme-tabler UI for Backpack v6 that uses Tabler and Bootstrap v5. 35536.5k](/packages/backpack-theme-tabler)[backpack/activity-log Activity Log for Backpack 3487.5k1](/packages/backpack-activity-log)[figlabhq/crud-resource-for-backpack Build CRUD panels using fluent field definitions. 122.1k](/packages/figlabhq-crud-resource-for-backpack) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)