проблема с отображением обрезанного изображения в другом div с помощью jquery

#html #jquery #cropperjs

#HTML #jquery #cropperjs

Вопрос:

Я хочу использовать инструмент обрезки изображений, который у меня есть cropper.js .

программа обрезки изображения работает нормально, но я хочу показать изображение после обрезки в другом теге изображения

для этого я использую приведенный ниже код

 canvas.toBlob(function(blob) {
        url = URL.createObjectURL(blob);
        var reader = new FileReader();
         reader.readAsDataURL(blob); 
         reader.onloadend = function() {
            var base64data = reader.result; 
            var croppedImageDataURL = $('.preview').cropper('getCroppedCanvas').toDataURL("image/png"); 
            
         }
    });  

но это не работает для моего полного кода, который я создал jsfiddle.

кто-нибудь может мне помочь в этом