Как из 1 инпута сделать сабмит и загрузку файла?

Question

[Levott]

Как из 1 инпута сделать сабмит и загрузку файла?
делаю так , но в итоге понимаю что я лох.

<input name="fileskin" type="file" type="submit" class="fileskin" id="fileskin">

Comments

[Elvis]

атрибуты у элементов не повторяются. либо одно, либо другое. либо делать свою логику через JS

[Alex_mos]

Два type на инпут не повесишь, как вариант
Инпуту повесить type="file а в js сделать submit

[FrelFrloich]

В этом нет смысла, должна быть проверка, что за файл, какого размера и тд. Загрузят тебе 100 фоток по 5мб, будет не приятно, а если пару сот, а если пдф. А показать пользователю какой он именно файл выбрал. Сама по себе идея не очень в общем.

[Levott]

FrelFrloich, я делаю сайт для майна , + можно загрузить только 1 файл , плюс мне нужен только скин, + можно загружать только png и jpg.
и работаю над личным кабинетом

[FrelFrloich]

Levott, дело не в этом, у файла должна быть проверка, чтоб вам не слали фотки большого размера, вам же их потом выводить. В общем хронология шагов.

1 Проверка самого файла на соответствие.
2 Вывод результат / в том числе и изображение какое загрузили.
3 Отправка
4 Действие пока ожидаем отправку (прелоадер и т.п.)
5 Вывод результат отправилось или нет

В общем добавьте снизу кнопку, это никак не скажется на пользовательском опыте. Если вам совсем прям надо, .submit(). Но лучше придерживать верхних этапов.

Answer 1

[Сергей delphinpro]

<form action= …>
    <input name="fileskin" type="file" onchange="this.form.submit()">
</form>