Обрезка не обрезает то же изображение снова, как обнулить обрезку - PullRequest
Новая
       38

Обрезка не обрезает то же изображение снова, как обнулить обрезку

0 голосов
/ 06 июля 2018

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

var result = document.querySelector('.result'),
   img_result = document.querySelector('.img-result'),
   img_w = document.querySelector('.img-w'),
   img_h = document.querySelector('.img-h'),
   options = document.querySelector('.options'),
   save = document.querySelector('.save'),
   cropper = '';

    upload.addEventListener('change', function (e) {
        if (e.target.files.length) {
            var reader = new FileReader();
            reader.onload = function (e) {
                if (e.target.result) {
                    var img = document.createElement('img');
                    img.id = 'image';
                    img.src = e.target.result;
                    result.innerHTML = '';
                    result.appendChild(img);
                    save.classList.remove('hide');
                    options.classList.remove('hide');
                    cropper = new Cropper(img);
                }
            };
            reader.readAsDataURL(e.target.files[0]);
        }
    });

    save.addEventListener('click', function (e) {
        e.preventDefault();
        var imgSrc = cropper.getCroppedCanvas({
            width: img_w.value,
            height: img_h.value
        }).toDataURL();
        cropped.classList.remove('hide');
        img_result.classList.remove('hide');
        switch (imageNo) {
            case 1:
                imageC1 = document.querySelector('.imageC1');
                cropped = document.querySelector('.cropped1');
                imageC1.value = imgSrc;
                $('.removeFirst').show();
                break;
            case 2:
                imageC1 = document.querySelector('.imageC2');
                cropped = document.querySelector('.cropped2');
                imageC1.value = imgSrc;
                $('.removeSecond').show();
                break;
            case 3:
                imageC1 = document.querySelector('.imageC3');
                cropped = document.querySelector('.cropped3');
                imageC1.value = imgSrc;
                $('.removeThird').show();
                break;

            default:
                imageC1 = document.querySelector('.imageC1');
                cropped = document.querySelector('.cropped1');
                imageC1.value = imgSrc;
                $('.removeFirst').show();
        }

    });

Когда я обрезаю изображение, кроппер не обрезает то же изображение снова. Как сбросить кроппер в jquery. Я хочу сбросить обрезку здесь, когда я нажимаю кнопку сохранения 

$(".save").click(function () {

       //reset cropper here
    });
...