2010-10-26 93 views
2

我试图做一个隐藏的文件上传到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> 

回答

1

脚本访问文件输入表格元件是非常有限的。 您无法以编程方式点击该控件的“浏览”按钮。

必须使用标准html控件的唯一方法是使用闪存库,例如SwfUpload,其中可以让您自定义“浏览”按钮