yazux

Проблему решил.
Использовал express-fileupload (пример) вместо multiparty и в ajax запросе установил contentType: false, вместо contentType: multipart/form-data.

Все, разобрался в проблеме. В общем, если кто столкнется, с этим вопросом на старте: внутри шаблона должен быть 1 html основной компонент, а в нем уже все что вам надо, Пример:

<template id="login-form">
      <div>
          <div>@{{ data.labelName }}</div>
          <div>@{{ data.labelPassword }}</div>
      </div>
</template>

В общем проблема решилась использованием стороннего плагина для загрузки изображений с помощью ajax, вот собственно ссылка на плагин, там же есть live demo и ссылка на проект на github. Сделал работу так: на форме есть , с помощью плагина валидирую и загружаю изображение на сервер, при успешной загрузке, js заносит в инпут путь к загруженному изображению, а далее всё стандартными средствами Yii2, форма работающая на pjax отправляется, валидируется и данные, включая адрес изображения, пишутся в базу, profit! Кто будет использовать данный метод, учитывайте то, что при загрузке нескольких изображений с одинаковыми именами, они друг друга заменят. По этому нужно хешировать названия перед загрузкой и в базу соответственно писать уже обновлённое имя. В моём случае перед хешированием к имени изображения добавляется ник пользователя т.к. он уникален, то и имя изображения генерируется уникальное.