Отправка файла вне формы.
Привет. Вне формы ставлю кнопку
<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> Как сказать форме,про файл)? Или и так будет работать? |
Цитата:
|
Понятно,что пользователь. Я же не спросил,как форме выбрать файл? Как отправить файл на сервер,в этом случае?
|
А как он выберет если это поле скрыто или вы делаете его кастомным?
А отправить без формы (что не обязательно, ее можно и отправить, просто прерывается действие по умолчанию), это асинхронным запросом: https://developer.mozilla.org/ru/doc...PI/Using_Fetch https://developer.mozilla.org/ru/doc...XMLHttpRequest |
Поле то скрыто,но есть имитация. В том то и дело, что как? Юзер кликнул по диву.Сработала имитация.Файл выбран.Как прикрутить его к форме.Так как нужно что бы он передавался в форме, с остальными полями формы.
|
Если файл выбран, отправляйте форму, есть два способа:
1) естественная отправка 2) способами по ссылкам В чем проблема? Не могу в чем суть вопроса. |
Как форма узнает о файле,если он не в форме?
|
Цитата:
|
<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>
|
Блин,laimas, вы прикалываетесь?
|
| Часовой пояс GMT +3, время: 22:40. |