Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   загрузка превьюшки (https://javascript.ru/forum/events/48584-zagruzka-prevyushki.html)

KlausKater 09.07.2014 11:48

загрузка превьюшки
 
Здравствуйте. Сижу второй день бьюсь..
Есть вполне стандартный способ показывать превьюшки

$('.fileselecter').change(function(){
        var fileselecter = this;
        if (this.files && this.files[0]) {
            var reader = new FileReader();

            reader.onloadend = function (e) {
                var block_image = $('<img/>');
                block_image.attr('src', e.target.result);
                var cont_img = находим контейнер для картинки, рядом с инпутом
                $(cont_img).append(block_image);

                //проблемы начинаются тут. Иногда вместо реального размера картинки сюда попадает значение 24 пикселя. Откуда оно сюда попадает.. непонятно..
                if(block_image.height() > 0){
                    var space = $(fileselecter).parent().find('.add-photo').height() - block_image.height();
                    $(block_image).css({'position': 'relative', 'top': space/2});
                }
            }
            reader.readAsDataURL(this.files[0]);
        }
    });


Проблема.. при создании объекта, через раз у него получается высота 24 пикселя.... какого? непонятно. Для выравнивания очень нужна его высота..


Часовой пояс GMT +3, время: 17:14.