Client image resizing and crop

[ХОЛОДный]

Добрый день.

Есть такая задача:

юзер грузит картинку, аджаксом картинка утягивается на сервер, и если все ОК, сервер выдает в ответ ссылку на картинку, пригодную для помещения в src="bla-bla-bla".

Гуглил-гуглил, но ничего толком не нашел.

1. Как я могу Джаваскриптом узнать размер картинки (по идее, это возможно через размеры img?) ? Задав размеры width + height для src я смогу сделать ресайз.

2. Как сделать кроп картинки? Я же могу часть img "накрыть" непрозрачным ДИВом, создав эффект кропа?

Естественно, хочется готовых скриптов.

Видел какие-то заготовки на prototype, но что-то они какие-то кривые.

[Styx]

<div><img src="cat.gif" alt="cat" id="cat" /></div>

<script type="text/javascript">
   var catImg = document.getElementById("cat");
   var _width = catImg.offsetWidth;
   var _height = catImg.offsetHeight;
   /* масштабируем до 50% */
   catImg.style.width = Math.round(_width * 0.5);
   catImg.style.height = Math.round(_height * 0.5);

   /* обрезаем до размеров 100 x 100 */
   catImg.parentNode.style.width = "100px";
   catImg.parentNode.style.height = "100px";
   catImg.parentNode.style.overflow = "hidden";
</script>

[AMD]

а если отключен JS?

Лучше использовать метод POST, а с помощью JS подгружать php скрипт.

Все это легко реализуется на Jquery

[Riim]

а если отключен JS?

Все это легко реализуется на Jquery

А Jquery это по твоему не javascript?