2013-01-07 40 views
0

我有一个按钮,在点击了“类型=文件”触发表单提交使用隐藏的输入类型=文件

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

您的代码工作:http://jsfiddle.net/WJrhp/你想要然后用ajax发布它?否则,它应该按原样工作。 –

回答

0

更改您的js代码

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

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

检查demo here