heimrichhannot/contao-multifileupload-bundle

Contao front end widget that provides dropzonejs.com functionality.

, _(*1)

Contao Multi File Upload Bundle

Contao front end widget that provides dropzonejs.com functionality to both back and front end., _(*2)

, _(*3)

Features

• javascript written in native javascript
• support for jquery ajaxComplete and mootools ajax_change events
• support for Encore Bundle
• support for Formhybrid Compatibility Bundle Bundle formhybrid_ajax_complete event

Setup

Install

1. Install heimrichhannot/contao-multifileupload-bundle via composer or contao manager, _(*4)

   composer require heimrichhannot/contao-multifileupload-bundle
   

2. Update your database, _(*5)

Usage

Set the inputType to multifileupload. It can be used in frontend and backend., _(*6)

'client_logo' => [
    'label'     => &$GLOBALS['TL_LANG']['tl_jobmarket_job']['client_logo'],
    'exclude'   => true,
    'inputType' => 'multifileupload',
    'eval'      => [
        'tl_class'      => 'clr',
        'extensions'    => Config::get('validImageTypes'),
        'filesOnly'     => true,
        'fieldType'     => 'radio',
        'addRemoveLinks' => true,
        'minImageWidth'       => '600px',
        'minImageHeight'      => '300px',
        'maxImageWidth'       => '1600px',
        'maxImageHeight'      => '1200px',
        'multipleFiles' => false,
        'labels'        => [
            'head' => &$GLOBALS['TL_LANG']['tl_jobmarket_job']['client_logo']['messageText'][0],
            'body' => &$GLOBALS['TL_LANG']['tl_jobmarket_job']['client_logo']['messageText'][1],
        ],
        'skipDeleteAfterSubmit' => true
    ],
    'uploadPathCallback' => [['MyClass', 'getJobUploadPath']],
    'validateUploadCallback' => [['MyClass', 'validateUpload']],
    'sql'       => "blob NULL",
],

If you want the multifileupload widget to be replaced by fileTree in backend, you can use the following code:, _(*7)

'client_logo' => [
    'inputType' => TL_MODE == 'BE' ? 'fileTree' : 'multifileupload'
]

Documentation

Flow chart

A flowchart with description of the full upload procedure with callback injection can be found here: Flowchart., _(*8)

Eval-Properties

Defined at your field's dca., _(*9)

Field Callbacks