Показать сообщение отдельно
  #1 (permalink)  
Старый 04.12.2020, 20:42
Новичок на форуме
Отправить личное сообщение для tovarz Посмотреть профиль Найти все сообщения от tovarz
 
Регистрация: 13.02.2011
Сообщений: 6

Верстка нескольких картинок при выборе
Здравствуйте
Есть кнопка выбора нескольких картинок.
<input type="file" id="myfiles" accept="image/*" multiple="true">


Картинки с большой вероятностью имеют разные размеры.

Обрабатываю выборку:

$('#myfiles').on('change', function () { 
     var files = this.files;
     $.each(files, function(i, file) {      
		var img = new Image();
		
		img.onload = function(){
                            /*Здесь нужен какой-то скрипт для красивого расположения картинок*/
		}

               img.src = URL.createObjectURL(file);
	});
       
       /*Или вот здесь нужен какой-то скрипт для красивого расположения картинок*/
});


Подскажите, пожалуйста, методы для красивого расположения картинок после выборки (например, как ВКонтакте при выборе нескольких картинок для поста). Пробовал masonry, но, насколько я понял, там нужно изначально задавать высоту и ширину блоков. А в моем случае неизвестно же, что выберет пользователь.
Заранее спасибо!
Ответить с цитированием