Михаил Горячкин

Есть куча парсеров на php для dom элементов:
Zend_Dom_Query
phpquery
CDom
htmlSQL
Выбирайте себе по вкусу.

Да бога ради, я вообще не встречал более удобной системы для натяжки своего диза на движок, чем есть в modx-се. Так что делайте все как обычно, хоть с gulp, хоть с webpack-ком (тут пишу про то с чем сам работаю). Весь процесс выглядит примерно так:
1) Кидаете финальный билд фронта на ftp (обычно это папка assets/templates/тут название вашего шаблона);
2) Далее в админке создаете шаблон, или открываете стандартный, копируете туда свою разметку.
3) Правите пути к js-сам, картинкам и css-сам.
4) У тут просто открываете страницу с этим шаблоном и радуетесь тому на сколько вы красава).

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

В js кол-во выбранных картинок вы можете проверить так:

$('#photoimg').die('click').live('change', function()			{ 
    var files = this.files;
    if (files.length > 5) {
       console.log("Вы превысили лимит на кол-во файлов!");
       return;
    }
    //Далее идет ваш код
});

И я бы на вашем месте перешел бы на новую версию jQuery и не использовал бы ф-ю live она признана устаревшей.

Так а, что конкретно вам надо от туда достать? Вообще так по логике вам необходимы данные из data, тогда вам надо сделать так:

$res = json_decode($result, true);
if ($res['success']) {
     for($i = 0; $i < $res['totalNumRows']; $i++) {
         $elem = $res['data'][$i]; //$elem и есть ваши данные далее делайте с ними что хотите
         echo $elem['clicks'];//Выводим клики
     }
} else {
    //Тут обработка если получил false
}

Делайте запрос ajax-сом. Если все нормально, то возвращайте ссылку на созданный zip-архив и делайте переход на неё или создавайте тег a и эмулируйте клик по ней:

var link = document.createElement("a");
link.href = "test";
link.download = "test.zip";
var event = document.createEvent("MouseEvents");
event.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
link.dispatchEvent(event);

Ну а если есть ошибки, то тут вы можете обработать как вашей душе угодно.