HTML+CSS+JavaScript

Да вариант... можно итак сделать, немного коду добавится, буду пробовать

Да Господь с вами! Какие вэбманы???
Я бы, если бы так уж прижало, скопировал бы код плагина (как я понял, он обфусцирован) и прогнал бы его черег deobfuscator (see it at Google) для придания ему читабельного вида...
Затем в <!-- скрытые параметры 2 --> я бы переименовал все id, чтобы они не дублировали свои аналоги в <!-- скрытые параметры 1 -->.
Потом, я бы сделал копию updateInfo() (for example update_Info()), которая работала бы с элементами из <!-- скрытые параметры 2 -->.
Ну, а то, какую именно ф-цию вызывать (updateInfo() или update_Info()) в fileSelectHandler() поставил бы в зависимости от переданного ей аргумента ('slider' или 'article').

Это все, чем я могу помочь. Во-первых я сам дилетант-любитель, а, во-вторых, житейских дел по горло.

ЗАЧЕМ МНЕ передавать что-то в updateInfo(е)??

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

Как это работает я понимаю, в коде плагина не могу разобраться. Ну извините если что. Готов отблагодарить за помощь.

Этот плагин работает только для одного загрузчика и в нем я разобрался, все работает, получаю значения высоты-ширины в php обработчике и отправляю на сервер.
А мне надо научить функцию updateInfo() прописывать значения на событие onChange то одному загрузчику то другому, в зависимости с каким изображением работаем. Можно проще поступить, например сделать копию плагина и переименовать несколько функций, но плодить подобный код не охота.
ЗАЧЕМ МНЕ передавать что-то в updateInfo(е)??
Если существует два блока для двух изображений:
<div id="slider">
<!-- скрытые параметры 1 -->
<input type="hidden" id="x1" name="x1" />
<input type="hidden" id="y1" name="y1" />
<input type="hidden" id="x2" name="x2" />
<input type="hidden" id="y2" name="y2" />
<input type="file" name="image_file" id="image_file" onchange="fileSelectHandler('slider')" />
</div>
<div id="article">
<!-- скрытые параметры 2 -->
<input type="hidden" id="x1" name="x1" />
<input type="hidden" id="y1" name="y1" />
<input type="hidden" id="x2" name="x2" />
<input type="hidden" id="y2" name="y2" />
<input type="file" name="image_file" id="image_file" onchange="fileSelectHandler('article')" />
</div>
Так как определить какому блоку присваивать новые значения?
Готов за помощь отблагодарить webmoney

Ему нужно засесть за учебник JS.
У меня уже складывается впечатление, что человеку нужнее, чтобы кто-то бросил все свои дела и решил эту его "проблему", чем понять "как это работает".
Но все мы грешили подобным, будучи абсолютными новичками...

Аргумент "e" в javascript обычно является укороченным от event - "событие": event.target например. Буква может быть любая.
Ну, а ф-ция updateInfo() здесь просто-напросто прописывает новые значения высоты-ширины картинки после каждого ресайза в скрытые текстовые поля для последующей передачи этих значений в php-обработчик.

Я вам уже сказал - можно объяснить человеку понимающему, или даже подсказать немного, а далее он сам. Но вам, не понимающему простых вещей, стоит заикнуться обо одном, придется либо лекцию читать, либо долго и бесполезно втолковывать. Я ни того, ни другого делать не хочу.

Подумайте сами - вам известно чего вы хотите куда-то передать. Задайтесь вопросом откуда это нечто у вас? Если это вами контролируемая переменная, она асинхронная событию, которая вас интересует, то зачем вам ее передавать куда либо через что-то - объявляйте ее глобальной и в обработчике этого события обращайтесь к ней.
Если же эта переменная, вернее ее значение должно быть частью интересующего вас события, значит увы, вникайте в плагин. Но в этом случае не понятно кто ее породил.

Переменная е не возникает, а объявляется.

Хорошо, просто подскажи откуда у функции берется аргумент е:

function updateInfo(e) {     $('#'+phot+' #x1').val(e.x);     $('#'+phot+' #y1').val(e.y);     $('#'+phot+' #x2').val(e.x2);     $('#'+phot+' #y2').val(e.y2);     $('#'+phot+' #w').val(e.w);     $('#'+phot+' #h').val(e.h); };

из функции ниже передается ???

$('#'+phot+'preview').Jcrop({                 minSize: [250, 150], // min crop size                 aspectRatio : 5 / 3, // keep aspect ratio 1:1                 bgFade: true, // use fade effect                 bgOpacity: .3, // fade opacity                 onChange: updateInfo,                 onSelect: updateInfo,                 onRelease: clearInfo             }, function(){                 // use the Jcrop API to get the real image size                 var bounds = this.getBounds();                 boundx = bounds[0];                 bound = bounds[1];                 // Store the Jcrop API in the jcrop_api variable                 jcrop_api = this;             });

Плюс к этому есть еще один нюанс - php-обработчик принимает в конкретный момент времени лишь ОДИН файл.