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

检查demo here

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

1 个答案: