jquery - FirefoxのJCropは元の画像の高さ/幅を添付します

Question

プロフィール画像のトリミングにはJCropライブラリを使用しています。ユーザーがプロフィール画像を変更しても、新しい画像は古い画像サイズを使用します。これは Chrome では機能しますが、Firefox では機能しません。destroy を使用して、前のイメージと JCrop を削除します。

jcrop_api.destroy();

幅と高さを含むスタイルをクリアするために、このコード行も追加しました。

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

Answer 1

私もこの問題に遭遇し、すべてを試したところ、最終的に私にとって有効な回避策が見つかりました。

Firefox と jcrop の破棄と初期化を再度使用する場合は、alert() 関数が必要です。

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