HTML Multiple form - Обновить задачу

Question

У меня есть две формы на странице. Вторая форма имеет компонент ввода загрузки файла вместе с другими элементами управления. Мое требование - отправить вторую форму вместе с файлом и обновить только эту форму, не обновляя другую форму. Если бы это были только нормальные компоненты, я бы легко это сделал в Ajax. Но когда форма имеет файловый компонент, я чувствую, что это не так просто. Пожалуйста, предложите какие-либо идеи, чтобы сделать это ???

Answer 1

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

Answer 2

То, как я это делал в прошлом, - это скрыть iframe на странице. Затем установите цель формы загрузки файла на имя, которое было присвоено iframe. Если вам нужно быть совместимым с xhtml, вы можете использовать JavaScript для создания iframe после загрузки страницы и установки цели в форме. Код будет выглядеть примерно так. Вы можете применить CSS к кадру, чтобы скрыть его.

<iframe name="myFrame" src="blank.htm"></iframe>
<form action="uploadFile.php" method="post" enctype="multipart/form-data" target="myFrame">
    <input type="file" name="myFile"/>
    <input type="submit" value="Upload"/>
</form>

Answer 3

Поместите вторую форму в iframe.