如何一键上传文件答案

【问题标题】：How to upload a file in just one click如何一键上传文件
【发布时间】：2011-10-10 00:16:35
【问题描述】：

我有 HTML 页面，它提供了将文件上传到服务器的选项，服务器端有一个 servlet 操作类，它处理请求并写入文件。 这里是如何工作的

点击浏览文件并选择文件
点击提交按钮。

但我想在任何按钮上一键上传，请查看我的代码并建议如何使用 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>

【问题讨论】：

标签： javascript jquery servlets

【解决方案1】：

您可以为您的表单分配 id（比如说“myform”）并使用document.getElementById('myform').submit(); 而不是uploadfile.click();。

【讨论】：

不，它不起作用。它直接调用提交按钮，而首先文件浏览应该调用，一旦你从文件对话框中选择文件，然后提交按钮应该点击/调用。
啊，我还没有完全理解你想要什么。现在我明白了。所以你想在文件对话框关闭后立即上传，不是吗？如果是这样，请尝试代码document.getElementById('upload_id').onchange = function(){document.getElementById('myform').submit()};
太棒了.... 非常感谢 :) 它现在工作了 document.getElementByID("upload_id").click(); document.getElementById('upload_id').onchange = function(){document.getElementById('myform').submit()};