ThunderCat

приведите в порядок разметку, тогда все будет ок.
1) после $msg какой-то невменяемый пустой закрывающий тег
2) по стандарту все значения атрибутов должны быть в кавычках (class=maxiinput -> class="maxiinput")
3) В <TD><TD> это вообще откуда и что?

UPD:

Если кто знает как запустить код в textarea - подскажите .

верните textarea, задайте ей id='txtCommand', в js поменяйте

document.querySelector('input').onkeyup = function()

на

document.getElementById('txtCommand').onkeyup = function()

При вызове из jquey атрибут data-d не читается, но если его перенести в главный div, то читается

по тому что this в данном контексте это <div class="model-selector" data-model="Solaris" > и никак не кнопка внутри него?

$('.model-selector').click(function () {
        $("[name='modelName']").val($(this).data('model'));
        $("[name='dName']").val($(this).find('button').data('d'));
});

phpstorm может регулярками во всех папках и файлах( открытых как проект ) найти и заменить: правый клик на папке - replace in path - regular exp.

Итак, вариант решения который в итоге подошел по таким параметрам:
1) Файлы можно загружать в несколько этапов, то есть добавил, удалил, еще добавил и тд.
2) Превью файлов хранится в браузере, никакой загрузки до субмита основной формы на сервер не происходит, дабы предотвратить мертвые загрузки - когда люди закрывают форму недозаполнив, но подгрузив файлы.
3) Файлы грузятся на сервер по субмиту формы с кучей полей и линкуются с объектом.

Реализация:
1) так как все писать руками было лень было дернуто с гитхаба половинчатое решение, и "после сборки обработано напильником" (кому интересно - пишите - положу куда-то или форкну ветку). Что умеет сие творение "из коробки": подгружать файлики картинок и делать превью с кнопкой удаления. Все файлы пишутся в отдельный массив, который в конце по нажатию кнопки(опционально сразу при подгрузке с винта) аяксом отправляет на сервер файлы, генерировать кастомный евент по завершении загрузки. Что-то еще, но прочие фишки не понадобились.
2) В результате обточки было добавлено несколько свойств - максимальное количество файлов, максимальный размер файла, максимальный размер всего набора и токен. Теперь оно умеет ругаться на превышения лимитов и отправлять не только файлы, добавленные в массив, но и ключ-токен.
3) На основную форму был повешен листенер онсубмит, который проверял переменную filesSended, по умолчанию установленную в false, и при фалс делал превентдефаулт форме, аяксом слал файлы и токен на серв, по завершении загрузки срабатывал листенер на евент загрузки, который выставлял filesSended в тру, и снова субмитил основную форму, уже без превентдефаулт. Все выглядит как простая отправка формы с перезагрузкой.
4) На сервере файлы принимаются, в базу пишем пути и токен, после чего срабатывает обработчик формы и на сервер приходят остальные данные и дубль токена из хидден инпута. Из них строится объект, айдишник и токен передается в объект картинки, методу ->relinkImages($id,$token); Метод тащит все картинки с заданным токеном, меняет поле связи на нужный айди, обнуляет токен и сохраняет запись. Все!
5) В качестве паранойи в сессию пишутся все токены выданные пользователю и при загрузке картинок и данных наличие пришедшего постом токена проверяется в сессии.

Отдельное спасибо Stalker_RED и Сергей delphinpro за умные мысли, советы и отличное знание темы, сам в жс "плаваю".

сори что поздно, форк аплоадера, если кому надо, пилить придется под себя.

для верного отображения контента используйте путь от корня сайта, если не прописаны особые директивы, корень сайта в пути обозначается косой правой чертой "/",
соответственно путь '/img/some.jpg' = 'www.domen.tld/img/some.jpg'

вынесите свою магию в отдельный класс, вместо

.gchoice_{$id} li:nth-child(n+5) {  display: none; }

поставьте класс заглушку какую-то, типа .htoggle li:nth-child(n+5) { display: none; } и по клику делайте тогглкласс, соответственно по старту будет <li class="gchoice_2_3_1 htoggle">