如何只需单击一次即可上传文件

时间:2011-07-21 07:45:54

标签: javascript jquery servlets

我有HTML页面,它提供了一个上传文件到服务器的选项,服务器端有一个servlet动作类&它处理请求并写入文件。 此处如何运作

  1. 单击以浏览文件并选择文件
  2. 点击提交按钮。
  3. 但我想只需点击一下任何按钮即可上传,请查看我的代码,并建议如何使用javascript / jQuery fn。

    <html> <head>  
      <script type = "text/javascript">
          function test() {
             var uploadfile = document.getElementByID("upload_id");
            uploadfile.click();  // here i can browse the file without clicking on file brows button
    } </script>  </head> <body>
    
      <input type="button" id="just_one_click" value ="click me" onclick="test();" />
    
     <form action="upload.do" method="post" enctype="multipart/form-data">
    
       <input type="file" id="upload_id" name = "fileupload" />
       <input type = "submit" value="upload" />
    
     </form>  </body> </html> 
    

1 个答案:

答案 0 :(得分:2)

您可以为表单指定ID(例如'myform')并使用document.getElementById('myform').submit();代替uploadfile.click();