jQuery изменить размер изображения перед сохранением

Я новичок в jQuery, но я люблю его! У меня проблема, с которой я пока не справился.

Я использую http://www.zurb.com/playground/ajax_upload

• Сохранение китайского символа в oracle с использованием ajax не работает
• Backbone.js Pushstate Routing и PHP Framework Router
• удалите новую строку при отправке запроса на сервер через Ajax Post с помощью JQuery
• nonce token после ajax-ответа и проблем с хешем с использованием ajax jquery type json
• Опубликовать MySQL Результат с помощью AJAX через jQuery

который я получил, используя следующий файл upload.php

<? $time= time(); $uploaddir = 'users/'; //<-- Changed this to my directory for storing images $uploadfile = $uploaddir.$time.basename($_FILES['userfile']['name']); //<-- IMPORTANT if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) { echo $uploaddir.$time.$_FILES['userfile']['name']; // IMPORTANT #print_r($_FILES); } else { // WARNING! DO NOT USE "FALSE" STRING AS A RESPONSE! // Otherwise onSubmit event will not be fired echo "error"; } ?> 

Я добавил переменную времени, чтобы каждое изображение было уникальным. Проблема в том, что я хочу изменить размер и оптимизировать изображение на лету, и я не уверен, как это сделать.

Изменение размера – это самый важный элемент, который мне нужен – например, мне нужна максимальная ширина 300 пикселей для изображения, которое сохраняется, даже если оно было первоначально 1000 пикселей шириной. Мне нужно изменить размер пропорциональности (это слово? :))

Любая помощь будет отличной.

С уважением, М

 //> MAx $width = 200; $height = 200; // Get new dimensions list($width_orig, $height_orig) = getimagesize($filename); $ratio_orig = $width_orig/$height_orig; if ($width/$height > $ratio_orig) { $width = $height*$ratio_orig; } else { $height = $width/$ratio_orig; }