Home/ Questions/Q 6187663
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T02:05:54+00:00

I have HTML page, which gives an option to upload a file to the

  • 0

I have HTML page, which gives an option to upload a file to the server, there is a servlet action class at server side & it handles request and write the file. Here how it works

  1. Click to Browse the file and select the file
  2. click the submit button.

But I want to upload in just one click on any button, please take a look of my code and suggest how to do that using 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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can assign id (let’s say ‘myform’) to your form and use document.getElementById('myform').submit(); instead of uploadfile.click();.

    • 0