function dadabikUploader($el, $template) {
    let uploaderBaseConfiguration = {
        url: 'api_fe.php?function=upload_file',
        html: $template.html()
    };

    const uploaderConfig = {
        onBeforeUpload: (root) => {
            var $el = $(root);
            var payload = {
                tablename: $el.attr('data-tablename'),
                form_type: $el.attr('data-form-type'),
                id: $el.attr('data-id'),
                fieldname: $el.attr('data-field-name'),
                fid: $el.attr('data-fid'),
            };
            return payload;
        },
        onDragEnter: (root) => {
            console.log('Drag Enter!');
            ($(root).find('[data-uploader-drop-zone]'))
                .addClass('dropzone_enter');
        },
        onDragLeave: (root) => {
            console.log('Drag leave!');
            ($(root).find('[data-uploader-drop-zone]'))
                .removeClass('dropzone_enter');

        },
        onUploadStart: (root, file) => {
            $(root).find('[data-preview]').empty();
             $(root).find('[data-uploader-input]')[0].value = '';
            console.log('Upload started!', file);
        },
        onUploadComplete: (root, response, uploadedFile) => {
            console.log('Upload ok!', uploadedFile);
            var resultMessage = response.result === 'done'
                ? 'File uploaded! The file will replace the current one (if any) after saving the form.'
                : response.error_message;
            $(root).find('[data-uploader-result]').html(resultMessage);

            if (response.file) {
                var $img = $('<img>').attr('src', response.file).addClass('object-contain w-full h-full');
                $(root).find('[data-preview]').append($img);
            }
        },
        onUploadProgress: (root, e) => {
            console.log('Progress    !', (e.loaded * 100.0 / e.total) || 100 + '%');
        },
        onUploadError: (root, errorResponse) => {
            console.log('Upload Error!' + JSON.stringify(errorResponse));

            /*const textError = errorResponse.reseponseText || null;
            const jsonError = (errorResponse.responseJSON || {}).error_message || null;
            const status = errorResponse.status;
            const statusText = errorResponse.statusText;

            $(root).find('[data-uploader-result]').html(jsonError || statusText)*/
            
            $(root).find('[data-uploader-result]').html('Generic upload error!')
        }
    };

    const options = Object.assign(uploaderBaseConfiguration, uploaderConfig, {});
    var uploader = new FileUploader(uploaderBaseConfiguration)

    uploader.attachTo($el);
}