Добавление кнопки «Отправить» на второй странице не сработало

Question

Я работаю над демо-проектом, который загружает фотографию и возвращается с именем человека. Таким образом, в основном я использую HTML, и он состоит из 2 страниц, первая страница - для пользователей, чтобы загрузить фотографии и отправить его, в то время как вторая страница - будет отображаться распознанное имя на фотографии. У меня есть веб-сервис, который мне нужен, чтобы включить распознавание лиц. На первой странице есть кнопка отправки, которая предназначена для загрузки фотографии, но я хотел, чтобы кнопка отправки также была на второй странице, чтобы пользователи могли отправить еще одну фотографию, без необходимости go вернуться на первую страницу. , Я скопировал код HTML с первой страницы на вторую страницу,

<form>
   <div class="upload-btn-wrapper">
        <button class="btn">Submit</button>
   </div>
</form>

структура кнопки отправки есть. Но это не работает, в то время как это работало для первой страницы, это не работало на второй странице. В чем может быть проблема? Дайте мне знать, если вам нужно больше разъяснений, я был бы рад сделать это

Код для первой страницы Страница 1

Код для второй страницы Страница 2

Коды для обеих страниц практически одинаковы.

Answer 1

Вам нужно добавить условие, когда вы отправляете, и атрибут действия, в который вы хотите отправить.

<form action="upload.php">
   <input type="file" name="file" id="uploadFile" />
   <div class="upload-btn-wrapper">
        <button type="submit" class="btn">Submit</button>
   </div>
</form>

для проверки, вам нужно добавить jquery код

$(document).on("click", ":submit", function (e) {

 if( document.getElementById("uploadFile").files.length == 0 ){
   alert("no files selected"); // or you can use other approach
   e.preventDefault();
 }

}