Верстка нескольких картинок при выборе в input

Есть кнопка выбора нескольких картинок.

<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, но, насколько я понял, там нужно изначально задавать высоту и ширину блоков. А в моем случае неизвестно же, что выберет пользователь. Заранее спасибо!