Здравствуйте. Сижу второй день бьюсь..
Есть вполне стандартный способ показывать превьюшки
$('.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 пикселя.... какого? непонятно. Для выравнивания очень нужна его высота..