在 Cropper.js

问题描述

我正在使用cropper.js，但不知道如何在destroy() 之后保存图像。我需要 destroy() 只保留裁剪的图像，并删除剩菜。在保存按钮上，我收到类似“无法从空创建 blob”的错误消息有什么想法吗？

$(".dz-crop").on('click',function() {
                
                    image.src = cropper.getCroppedCanvas({
                        maxHeight: 2000,maxWidth: 2000,imageSmoothingEnabled: false,imageSmoothingQuality: 'high',}).toDataURL('image/jpeg');
                    cropper.destroy();
                    return false;
                });
                $('#save').off('click.cropImg').on('click.cropImg',function() {

                    cropper.getCroppedCanvas({
                        maxHeight: 2000,}).toBlob(function(blob) {
                        var file = new FormData();
                        file.append('file',blob);
                        file.append('id',$this.attr('rel'));
                        file.append('source',$this.data('source'));
                        $.ajax({
                            url: 'URL',type: 'POST',data: file,dataType: 'json',processData: false,contentType: false,success: function(data)
                            {
                                console.log("success)
                            },error: ajaxFailed
                        });
                    },'image/jpeg')
                    return false;
                });

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

cropperjs javascript