[Feature request]: fix or standard media uploading on frontend for bootstrap5

Motivation

Creating advanced plugin when users can upload images without making them admins

frontend form for uploading images is not working in bootstrap5 (no edit button)
- with dropzone images are uploaded before form sent, so if user cancel form sending, images are posted.
- multiupload is not allowed an

Proposed Solution

this is used:

        $fields['field']  =  array(
            'title' => LAN_IMAGE,
            'type' => 'images', 'data' => 'array',
            'readParms' => [],
            'writeParms' => [
                'size' => 'small',
            ],
        );

            foreach($fields as $key=>$fld)
            {
                $text .= "<tr><td style='width:20%' class='forumheader3'>
                            ".$fld['title']
                            ."</td>
                            <td style='width:80%' class='forumheader3'>".$frm->renderElement($key, '', $fld)."</td>
                        </tr>";

            }

Result: Core bootstrap5 theme:

Other bootstrap5 theme with fontawesome CSS (not script) show: <i class="glyphicon glyphicon-fa-plus fa-fw"></i> for button Add - Font Awesome Free 6.0.0 is loaded from theme, not library.

There is no option to delete image either (empty image),

Modal is working only in bootstrap3 theme

Alternatives

To use admin UI functionality on frontend. image.php is limited by admins only on many places.


        'property_media'        => array('title' => 'Media', 
        'type' => 'images',
         'data' => 'array', 'width' => 'auto',
          'help' => '', 'readParms' => [], 'writeParms' => [], 'class' => 'left', 'thclass' => 'left',),

the same issues then no preview in Edge

Additional Context

No response

e107inc / e107