时间戳

首页 > 解决方案 > 在第二页上添加提交按钮不起作用

html - 在第二页上添加提交按钮不起作用

问题描述

我正在做一个演示项目，该项目上传照片并返回人名。所以基本上我使用 HTML，它由两页组成，第一页 - 供用户上传照片并提交，而第二页 - 将显示照片中识别的名称。我有一个网络服务，我需要启用它才能使人脸识别工作。第一个页面有一个提交按钮，用于上传照片，但我希望提交按钮也位于第二个页面上，以便用户可以提交另一张照片，而无需返回第一页。我将第一页中的 HTML 代码复制到第二页，

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

提交按钮的结构就在那里。但它不起作用，虽然它适用于第一页，但它不适用于第二页。可能是什么问题呢？如果您需要更多说明，请告诉我，我很乐意这样做

第一页的代码 Page 1

第二页的代码 Page 2

两个页面的代码几乎相同。

标签： htmluploadsubmit

解决方案

您需要在提交时添加条件和操作属性以及要提交的位置。

<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();
 }

}

推荐阅读