Ввод файла начальной загрузки - Как скрыть кнопку перетаскивания в начальном предварительном просмотре?

Question

Я использую плагин Bootstrap File Input для управления пользовательскими аватарами: http://plugins.krajee.com/file-input/

Я инициализирую плагин, используя этот код JS:

        $("#contact_photo").fileinput({
            showCaption: false, // The "1 file selected non-editable text field"
            showRemove: false, // The "Remove" button
            showUpload: false, // The "Upload" button
            showBrowse: false, // The "Browse ..." button
            browseOnZoneClick: true,

            initialPreview: "{{ lead.contact_photo.url }}",
            initialPreviewConfig: [
                {
                    fileType: 'image',
                    previewAsData: true,
                }
            ],

            removeFromPreviewOnError: true,
            overwriteInitial: true, // Whether to replace the image loaded originally if it exists
            allowedFileExtensions: ['jpg', 'jpeg', 'png'],
            allowedPreviewTypes: ['image'],
            defaultPreviewContent: '<h3>No Contact Photo</h3><h6>Drag or click Browse...</h6>',
            maxFileSize: 10000, // 10 MB
            maxFileCount: 1,
            msgErrorClass: 'alert alert-block alert-danger',
            elErrorContainer: '#kv-avatar-errors-1',
        });

Проблема в том, что если установлена ​​клавиша initialPreview, первоначальный предварительный просмотр будет содержать кнопку «Перетаскивание» в левом нижнем углу (значок с 4 стрелками-указателями, который ничего не делает для моей настройки). Как мне это удалить?

Я попытался установить showDrag: false в настройках fileinput и в initialPreviewConfig, но безуспешно.

Answer 1

Просто скройте элемент перетаскивания:

$("#contact_photo").fileinput({
    ...
    layoutTemplates: {
        actionDrag: '',
    },
});