Добавление кроппера JS в DropZoneJs - PullRequest
Новая
       29

Добавление кроппера JS в DropZoneJs

0 голосов
/ 18 апреля 2020

Я пытаюсь объединить Кроппера JS с Dropzone JS. Я хочу разрешить возможность обрезать изображение перед загрузкой. Когда пользователь добавляет файл, предварительный просмотр отображается в виде таблицы. Если выбрана кнопка Edit, это изображение откроется во всплывающем окне, и пользователь сможет обрезать его. Когда пользователь нажимает кнопку Confirm, всплывающее окно закрывается, и обрезанное изображение предварительного просмотра должно заменить существующее уменьшенное изображение. Кажется, работает нормально, до тех пор, пока не появится обрезанное изображение. После обрезки изображения продолжает отображаться эскиз исходного изображения. Из этого блока кода генерируется ошибка: 

canvas.toBlob(function(blob) {

    // Update the image thumbnail with the new image data
    myDropZone.createThumbnail(
        blob,
        myDropZone.thumbnailWidth,
        myDropZone.thumbnailHeight,
        myDropZone.thumbnailMethod,
        false, 
        function(dataURL) {
            // Update the Dropzone file thumbnail
            myDropZone.emit('thumbnail', file, dataURL);

            // Return modified file to dropzone
            done(blob);
        }
    );
});

Ошибка: Uncaught TypeError: myDropZone.createThumbnail is not a function в этой строке кода: myDropZone.createThumbnail(. Кто-нибудь может помочь?

Ссылка на CodePen

...