jquery - Firefox 中的 JCrop 附加原始图像高度/宽度

Question

我们正在使用JCrop库来裁剪个人资料图片。当用户更改他的个人资料图片时，新图片仍然使用旧的图像尺寸。这适用于 Chrome，但不适用于 Firefox。我使用销毁删除了以前的图像和 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();
}