如何将文件输入克隆到隐藏iframe中的另一个文件输入

我有一个具有文件输入元素的表单,当用户选择文件时,我想将所选文件设置为隐藏iframe中的另一个文件输入,

这是我的forms:

和我的java脚本:

 function addFile(){ //this is where i want to clone the fileone to filetwo and submit the form which is in iframe } 

我见过这样的事情,但真的不知道该怎么做:

 $(".inputfield1").change(function(){ var $this = $(this), $clone = $this.clone(); $this.after(clone).appendTo(hiddenform); }); 

请帮我完成这件事。

你不能(或不应该)能够做到这一点。 file输入类型,只要它可以直接访问用户的文件系统,就有特殊的安全限制。 最值得注意的是,您无法在JavaScript中设置file输入的value ,因为这样可以将您设置为类似~/.ssh/id_rsa并在用户不知情的情况下窃取重要数据。 因此,jQuery应该无法克隆file输入,因为它无法设置值。

要使其工作,您必须让用户单击iframefile输入,可能使用一些CSS定位技巧使其看起来像页面的一部分。 或者,如果您的用户通常拥有更多现代浏览器,您可以使用File API并使用Ajax上传文件 。