Image
=============

Работа с картинками

Installation
-----------

```js
import {Upload, UploadAndCropper, initViewer} from "@mdoffice/md-component/Image";
```

Usage
-----

```js
const uploadDoc1 = ImageUpload.create({
        size: {
            width: 300,
            height: 300,
            alert: 'Роздільна здатність повинна бути 300х300px або більше'
        },
        modal: {
            url: `/ua/apply/new/docUpload?p_email=${form.find(':input[name=p_contact_email]').val()}`,
            title: 'Скан-копія Свідоцтв',
            fileHelp: 'Файл з розширенням *.jpg, *.png та роздільною здатністю мінімум 300х300 px. Максимальний розмір файлу 10 Мб.',
            maxFilesize: 10,
            button: {
                action: 'Зберегти',
                close: 'Закрити'
            }
        }
    });
    uploadDoc1.on('uploadSuccess', (file, imageId) => {
        const image = $('#member-2-doc-1-preview');
        image.attr('src', file.dataURL)
            .removeClass('hide');
        form.find('[name=p_doc_1]')
            .val(imageId);
        ImageViewer(image.get(0));
        docTextDepend();
    });
    const doc1Btn = $('#member-2-doc-1-upload');
    doc1Btn.on('click', () => {
        uploadDoc1.openModal();
    });
```

```js
let element1 = document.getElementById('#userPhoto');
initViewer(element1);
```
