como clonar uma input de arquivo para outra input de arquivo que está em iframe oculto

Eu tenho um formulário que tem um elemento de input de arquivo e quando o usuário seleciona o arquivo que eu quero definir o arquivo selecionado para outra input de arquivo que está em iframe oculto,

esta é a minha forma:

         

e meu script java:

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

Eu vi alguma coisa assim, mas realmente não sei como fazer:

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

Por favor me ajude a fazer isso.

Você não pode (ou não deveria) ser capaz de fazer isso. O tipo de input do file , dado que ele tem access direto ao sistema de arquivos do usuário, possui restrições especiais de segurança. O mais notável é que você não pode definir o value de uma input de file em JavaScript, pois isso permitiria que você fizesse coisas como configurá-lo para algo como ~/.ssh/id_rsa e roubar dados importantes sem que o usuário estivesse ciente. Como conseqüência, o jQuery não deve ser capaz de clonar a input do file porque não pode definir o valor.

Para que isso funcione, você terá que permitir que o usuário clique na input de file que está no iframe , talvez usando alguns truques de posicionamento CSS para fazer com que pareça parte da página. Como alternativa, se os usuários normalmente tiverem navegadores mais modernos, você poderá usar a API de arquivos e fazer o upload do arquivo com o Ajax .