JCrop w przeglądarce Firefox dołącza oryginalny obraz wysokości/szerokości

Question

Używamy biblioteki JCrop do przycinania zdjęcia profilowego. Kiedy użytkownik zmienia swoje zdjęcie profilowe, nowe zdjęcie nadal wykorzystuje stare wymiary obrazu. Działa to w przeglądarce Chrome, ale nie działa w przeglądarce Firefox. Usunąć poprzedni obraz i JCrop używając zniszczyć:

jcrop_api.destroy(); 

Dodałem także poniższy wiersz kodu w próbie, aby usunąć style, które zawiera szerokość i wysokość.

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

Answer 1

Mam również spotkał ten problem i próbowałem wszystkiego i ostatecznie odkrył obejście, który pracuje dla mnie:

musi istnieć funkcji alert() w przypadku korzystania z przeglądarki Firefox i jcrop zniszczenie i inicjalizacji ponownie.

// 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(); 
}