HTML+CSS+JavaScript

Можете посоветовать из простой реализации, чтобы фото,, загруженное юзером отображалось в рамке фиксированных размеров...т-е главное, чтобы не выходило за ее пределы...как отлавливать разеры и ее масштабировать (для 2 фоток на странице)

В браузере можно масштабировать по какой-то одной стороне - по высоте или по ширине.
Просто указываете <img style="height: скоко_надо_в_пикселях"> или <img style="width: скоко_надо_в_пикселях"> - другая сторона рисунка сама (автоматически) изменится в той же пропорции. И, соответственно, станет либо больше вам нужной, либо меньшей.

Если указать в стилях ОБА нужных вам размера (и высоту, и ширину), то картинка тоже отобразится, но будет показываться искажённой. Ибо соотношение "высота-ширина" вашей рамки в подавляющем большинстве случаев не совпадёт с аналогичными пропорциями загружаемых юзерами картинок.
----

Однако этот способ (указать один из размеров), как я понимаю, вашу проблему не решит, ибо вам хотелось бы получить картинки, чётко вписывающиеся в заданные размеры "рамки" - и по высоте, и по ширине.

Можно, конечно, поколдовать при помощи JS, а именно - определить пропорцию загруженной юзером картинки, исходя из этой пропорции указать фиксированной либо ширину, либо высоту так, чтобы другая сторона была всегда "больше или равна" нужной вам. И затем "лишнее" прикрыть сверху непрозрачным "слоем" (с рисунком "рамки"). В принципе - это не очень сложно.

Но обычно это решается на сервере - либо одна из сторон картинки тупо обрезается, чтобы достичь нужного соотношения "высота-ширина" и там же эта картинка масштабируется.
Либо же юзеру предлагается самому "обрезать лишнее" (как, например, при загрузке юзерпиков в ЖЖ) - на загруженную картинку накладывается передвигаемая прозрачная рамка и юзеру предлагается зафиксировать её положение на картинке. Далее на сервере "лишнее" обрезается и картинка получает нужные пропорции. Затем она опять же масштабируется.