Отправка файла вне формы.

[ureech]

Привет. Вне формы ставлю кнопку

<div class="col-md-5"><button class="file" type="button" >Добавить файл</button></div>

Имитирую клик

$('.file').click(function(){
    document.forms['itogo'].fileitog.click();
    })

Хочу в форме спрятать инпут

<form>
<input style="display:none" type="file" name="fileitog" id="file" class="input-file"/>
 <input type="submit" class="btn-info" value="Отправить"/>
</form>

Как сказать форме,про файл)? Или и так будет работать?

[laimas]

Как сказать форме,про файл)?

Какой? Файл должен выбрать пользователь.

[ureech]

Понятно,что пользователь. Я же не спросил,как форме выбрать файл? Как отправить файл на сервер,в этом случае?

[laimas]

А как он выберет если это поле скрыто или вы делаете его кастомным?
А отправить без формы (что не обязательно, ее можно и отправить, просто прерывается действие по умолчанию), это асинхронным запросом:

https://developer.mozilla.org/ru/doc...PI/Using_Fetch
https://developer.mozilla.org/ru/doc...XMLHttpRequest

[ureech]

Поле то скрыто,но есть имитация. В том то и дело, что как? Юзер кликнул по диву.Сработала имитация.Файл выбран.Как прикрутить его к форме.Так как нужно что бы он передавался в форме, с остальными полями формы.

[laimas]

Если файл выбран, отправляйте форму, есть два способа:
1) естественная отправка
2) способами по ссылкам

В чем проблема? Не могу в чем суть вопроса.

[ureech]

Как форма узнает о файле,если он не в форме?

[laimas]

если он не в форме

А что мешает его поместить в форму, ведь вам нужно еще отправить и другие данные и они в форме?

[Nexus]

<form>
<button type="submit">Submit</button>
</form>

<input type="file"/>

<script>
  const form = document.querySelector('form');
  const fileInput = document.querySelector('[type="file"]');

  form.addEventListener('submit', e => {
    e.preventDefault();

    alert(fileInput.files.length ? `Name of chosen file: ${fileInput.files[0].name}` : 'Choose file');
  });
</script>

[ureech]

Блин,laimas, вы прикалываетесь?