Не отправляются файлы на сервер через BX.ajax.runComponentAction, в чем может быть проблема?

Question

[arm_9796]

$_FILES пустой после отправки запроса, остальные данные передаются нормально в запросе, только файлы не отправляются.

здесь видно что все идет в FormData приходит все


а в запросе где массив files ничего не приходит,на остальные input не обращайте внимание,я просто не заполняю их и проверяю пока ,что с файлом происходит.



Вот заголовки запроса ,может с content-type что то не так,но я не смог понять как правильно сменить на multiple/formdata

<div class="mb-3 col-3">
            <input class="form-control" type="file" multiple name="files[]">
        </div>

let files = document.querySelector('input[name="files[]"]').files
        for (let i = 0; i < files.length; i++) {
            Data.append(files[i].name,files[i],files[i].name)
        }

        let Data = new BX.ajax.FormData()

        BX.ajax.runComponentAction('dev:SendForm', 'sendForm',{
            mode: 'class',
            method: 'POST',
            data: {data:data},
            }).then(data => {
           console.log(Data)
        }, (reason) => {
            console.log(Data)
            }).catch((error) => {
                console.log(Data)
        })
    })

Answer 1

[Иван]

Эту ветку смотрели?

BX.ajax.runComponentAction('componentName', "actionName", {
    mode: 'ajax',
    data: new FormData(form)
})

use \Bitrix\Main\Application;
$request = Application::getInstance()->getContext()->getRequest();
$files = $request->getFileList()->toArray();

Comments

[arm_9796]

Я смотрел эту ветку, дело в том ,что я использую mode : 'class' и action у меня ждет переменную data

let Data = new FormData()

                BX.ajax.runComponentAction('dev:SendForm', "sendForm",
                {
                    mode: 'class',
                    data: {data: Data},
                    contentType: false,
                    processData: false,
                    dataType: "json" //формат данных
                })

public function sendFormAction($data)

если таким образом отправить ajax то возникает ошибка

[{message: "Could not find value for parameter {data}", code: 100, customData: null}, {,…}]

Я не так передаю как то данные в data?
в переменную php не приходит ничего как я понимаю

[Иван]

arm_9796, вот рабочий вариант, только что прям проверил
(mode:ajax), но для class тоже должен работать

js

// получить форму form , дальше  new FormData
const data = new FormData(form);
            BX.ajax.runComponentAction(
                'ultra:form',
                'send',
                {
                    mode: 'ajax',
                    data: data,
                })
                .then(function(response) {
                        
                    }
                );

Код из ajax.php в компоненте

use \Bitrix\Main\Engine\Contract\Controllerable;
use \Bitrix\Main\Application;

class UltraFormAjaxController extends \Bitrix\Main\Engine\Controller implements Controllerable
{

public function sendAction()
 {
 $request = Application::getInstance()->getContext()->getRequest();
 $files = $request->getFileList()->toArray();

 // как и $_FILES так и через api битры 
  return ["files" => $files, "req" => $request, "cur" => $_FILES ];
 }
}

    public function configureActions()
    {
        return [
            'send' => [
                'prefilters' => [
                    new \Bitrix\Main\Engine\ActionFilter\Csrf(),
                ],
                'postfilters' => [],
            ],
        ];
    }

html формы

<form class="form" autocomplete="off" enctype="multipart/form-data">
<input name="INPUT_FILE" type="file">
<button class="" type="submit">Отправить</button>
</form>

Если что , попробуйте покопаться тут - ПРИМЕР КОМПОНЕНТА - как раз там построено на CLASS вместо AJAX

[Иван]

arm_9796, то есть из sendFormAction уберите $data и в самом методе уже отлавливайте post

public function sendFormAction() 
{
  $request = Application::getInstance()->getContext()->getRequest();
  $files = $request->getFileList()->toArray();
// return чисто чтобы посмотреть как там пришло нет :)
  return ["files" => $files]
}

а в js

//    ...runComponentAction...
    data: new FormData(form)

Если ок, дальше вы можете уже FormData по своему формировать, так как у вас куча файлов, можно и раскидать

Не забываем enctype="multipart/form-data" в html формы

[arm_9796]

Иван, спасибо большое, получилось так!