JCrop в Firefox добавляет оригинальную высоту / ширину изображения

Question

Мы используем библиотеку JCrop для обрезки изображения профиля. Когда пользователь изменяет свое изображение профиля, новое изображение все еще использует старые размеры изображения. Это работает в Chrome, но не работает в Firefox. Я удаляю предыдущее изображение и JCrop, используя destroy:

jcrop_api.destroy();

Я также добавил эту строку кода в попытке очистить стили, которые содержат ширину и высоту.

$('#target').removeAttr('style');

Answer 1

Я также столкнулся с этой проблемой, я попробовал все и, наконец, нашел обходной путь, который работает для меня:

Должна быть функция alert(), если снова использовать Firefox и jcrop для уничтожения и инициализации.

// Clear selector
if (jcropAPI) {
    jcropAPI.destroy();
    }

initCropper();

// If browser is Firefox, fix bug with stretching
if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
    // Do Firefox-related activities
    alert('File successfully loaded');  // this alert is necessary
    if (jcropAPI) {
        jcropAPI.destroy();
    }
    initCropper();
}