使隐藏的输入类型=文件按需工作

我试图做一个隐藏的文件上传到iframe,我卡住了。 当我取消隐藏表单控件并使用它们时,一切工作正常。 如果我使用表单控件来选择一个文件,然后通过“发送”链接提交表单-它可以正常工作。 因此,我不能链那些有我的文件自动上传后,我选择了它。

请告诉我我做错了什么。

<div class="fileuploader">

<form id="fileupload" action="@Url.Action("UploadFile","Publication")"
      method="post" enctype="multipart/form-data" target="upload_target" >
style="display:none"
<input id="filetoupload" name="filetoupload" type="file" /><`enter code here`br />
<input id="submitbutton" type="submit" name="submitBtn" value="Upload" />
</form>
<iframe id="upload_target" name="upload_target" src="#" style="width: 0; height: 0;
border: 0px solid #fff;"></iframe>
</div>
<div>

<a href="#" id="choosefile">choose a file</a>
<a href="#" id="send">send</a>

</div>

<script type="text/javascript">
$("#send").click(function(){$("#submitbutton").click();});
        $("#choosefile").click(function () { 
  $("#filetoupload").click();
        });
</script>