Question

你好，对cropper.js插件中的“即时裁剪”有一些问题

function cropPreview(img) {
            var $toCrop = $(img);
            $toCrop.cropper({
                autoCropArea: 0.1,
                viewMode: 3,
                strict: true,
                guides: false,
                zoomable: false,
                dragMode: 'none',
                highlight: false,
                cropBoxResizable: false,
                minCropBoxWidth: 204,
                minCropBoxHeight: 140,
                minCanvasHeight: 140,
                minCanvasWidth: 204,
                ready: function () {
                        var canvas = $toCrop.cropper('getCroppedCanvas');
                        img.src    = canvas.toDataURL("image/jpeg");
                        img.setAttribute('data-cropped', true);
                        $toCrop.cropper('destroy');
                }
            });
        }

在Chrome浏览器中，90％的图像看起来像黑色正方形。这个方法在ajax中调用

$.ajax({
            url: '/create-adv/save-tmp-image',
            data: fd,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function (data) {
                var $obj = $.parseJSON(data);
                cropPreview(addUplImgToList($obj.image_data));
            },
        });
function addUplImgToList(img_src) {
        var img = document.createElement('img');
        img.src = img_src;
        img.setAttribute('data-src', img_src);
        img.setAttribute('data-main', img_src);
        img.onload = function (e) {
            $('.img-loader-input').remove();
        }
        return img;
    }

对于桌面我已经通过超时修复了这个问题但对于移动设备，它仍然存在。

P.S。对不起我可怕的英语）

cropper.js中“crop on the fly”的问题

0 个答案: