Bild-Upload in mm2.3 mit Multi-Column-Wizard
Hallo
es soll eine Website erstellt werden mit der es im Frontend möglich ist Textbeiträge mit Bildern hochzuladen.
Dazu verwende ich MM 2.3 mit FEE.
Nun möchte ich im Frontend möglichst mehrere Bilder auf einmal, gerne per Drag and Drop, hochladen.
Und anschließen bei Bedarf den einzelnen Bildern eine Bildunterschrift sowie den Namen des Fotografen zuordnen.
Eine mögliche Lösung ist der Einsatz des Inputtypes filetree mit dem Attribut Multi-Column-Wizard.
Hierzu habe ich in der Composer.json folgendes eingetragen:
PHP-Code:
"contao-community-alliance/dc-general-contao-frontend": "^2.3@dev",
"contao-community-alliance/contao-multicolumnwizard-frontend-bundle": "^2.3@dev",
"metamodels/contao-frontend-editing": "^2.3@dev",
"metamodels/dropzone_file_upload": "^2.3@dev",
"metamodels/attribute_tablemulti": "^2.3@dev",
Dann zum Testen eine mm-Tabelle mm_images_upload_test angelegt.
Sowie das Attribut art_images_mcw als Tabelle multi (mcw) angelegt.
Sowie zur Konfiguration des mcw Attributes unter contao/contao/dca die mm_images_upload_test.php erstellt.
Anbei der Inhalt:
PHP-Code:
<?php
// contao/dca/mm_images_upload_test.php
$GLOBALS['TL_CONFIG']['metamodelsattribute_multi']['mm_images_upload_test']['art_images_mcw'] = [
'minCount' => 0,
'maxCount' => 20,
'tl_class' => 'clr',
'columnFields' => [
'col_textarea' => [
'label' => 'Textarea',
'exclude' => true,
'inputType' => 'textarea',
'eval' => [
//'rte' => 'tinyMCE',
'rows' => 'integer',
'cols' => 'integer',
],
],
'col_textfeld' => [
'label' => 'Textfeld',
'exclude' => true,
'inputType' => 'text',
'eval' => [
'style' => 'width:300px',
'maxlength' => 100,
],
],
'col_select' => [
'label' => 'Select',
'exclude' => true,
'inputType' => 'select',
'options' => [
'So gehts' => 'Option 1',
'So gehts nicht' => 'Option 2',
],
'eval' => [
'style' => 'width:250px',
'includeBlankOption' => true,
'chosen' => true,
],
],
'col_Checkbox' => [
'label' => 'Checkbox',
'exclude' => true,
'inputType' => 'checkbox',
'eval' => [
'style' => 'width:40px',
],
],
'col_image' => [
'label' => 'Bild-Upload',
'exclude' => true,
'inputType' => 'fileTree',
'eval' => [
'fieldType' => 'radio',
'files' => true,
'filesOnly' => true,
//'extensions' => \Contao\Config::get('validImageTypes'),
//'dcaPicker' => ['providers' => ['filePicker']],
'mandatory' => true,
//'tl_class' => 'wizard',
],
],
],
];
im BE werden mir alle Felder inkl. des Fileuploads für Bild-Upload angezeigt.
Allerdings funktioniert dieser nicht. Ich kann im Dialog ein Bild auswählen, aber dieses wird nach der Auswahl und klick auf Anwenden nicht angezeigt und beim Speicher erfolgt die Fehlermeldung:
Ein Fehler ist aufgetreten. Ein log unter var wird leider nicht geschrieben.
Woran kann das liegen?
Im Frontend wird für das Feld Bild-Upload außer dem Label leider nichts angezeigt. Fehlt mir da noch etwas? Oder ist im FEE kein Upload vorgesehen?
Liste der Anhänge anzeigen (Anzahl: 1)
Ich kann über den Auswählen-Button eine Datei auswählen. Nach dem Klick auf Anwenden sollte das Bild dann ja im BE angezeigt werden. Das wird es aber nicht.
Sieht so aus wie im angehängten Screenshot. Vor und nach der Auswahl.
Liste der Anhänge anzeigen (Anzahl: 1)
Beides, einmal nur vorhandenes Bild ausgewählt, einmal hochgeladen und dann ausgewählt.
