Контейнер Cropper расширяется за пределы высоты IMG ⇐ Javascript

[Anonymous]

У меня есть этот код для загрузки изображения через JS Dropzone, а затем передал Cropper, прежде чем загрузить его на сервер. Проблема, которая у меня есть, связана с изображениями с высотой выше 1000 пк. Контейнер расширяется почти 3-4x высота изображения. < /p>




var $canvas = $('#logocanvas'),
context = $canvas.get(0).getContext('2d');

Dropzone.options.singleupload = {
paramName: 'logo', // The name that will be used to transfer the file
maxFiles: 1, // number of files
uploadMultiple: false,
maxFilesize: 4, // File size in Mb
addRemoveLinks: true, // allow files delete
acceptedFiles: 'image/jpeg,image/png,image/gif',
init: function() {
this.on("success", function(file, responseText) {
if (this.files && this.files[0]) {
original = this.files[0].dataURL;
if ( this.files[0].type.match(/^image\//) ) {
var reader = new FileReader();
reader.onload = function(e){
var img = new Image();
img.onload = function() {
setTimeout(function() {
context.canvas.width = img.width;
context.canvas.height = img.height;
context.drawImage(img, 0, 0);
var cropper = $canvas.cropper({
aspectRatio: 1,
});
}, 500);
};
img.src = e.target.result;
};
reader.readAsDataURL(this.files[0]);
}
}
});
this.on("removedfile", function(file, responseText) {
});
}
}
< /code>
Это то, что я получаю с высотой изображения 4000 px
введите описание изображения здесь < /p>

Подробнее здесь: https://stackoverflow.com/questions/794 ... img-height