java - 使用隐藏输入 type=file 触发表单提交

Question

我有一个按钮，点击时会使用“type=file”调用输入标签

javascript代码：

 <table>
  <tr>
    <td  >
     <button type="button" style="width:207px" onclick="ClickMe()">Click</button>

    </td>
  </tr>
 </table>

  <form action="/uploadExcelservlet" name="uploadExcelFile" method="POST"            enctype="multipart/form-data" >
   <input type="file" class="Hello" name ="Hello">
  </form>

当点击被选中时。我尝试调用“Hello”来打开浏览窗口。

用户选择一个文件。如何在此处检索文件名，以便将其发布到服务器并在服务器中检索文件。

.js 文件：

function ClickMe()
{
var frm = document.Hello;
$(function() {
     $(".Hello").click();
          $("[name='Hello']").change(function () {
              alert('here');
              if($(this).val()!=""){
                  frm.submit();
              }
           });
    })
}

Answer 1

将您的 js 代码更改为

  $(function () {
    $("[name='Hello']").change(function () {
      alert($(this).val());
      if ($(this).val() != "") {
        $("form").submit();
      }
    });
  })

  function ClickMe() {
    $(".Hello").click();
  }

在这里查看演示