copiar el valor del campo de entrada de archivo de una forma de campo de entrada de otra forma

Question

Así que tengo dos formas, ambos tienen un campo de entrada de tipo de archivo y traté

$('.inputfield1').change(function(){ 
    var file = $(this).val(); 
    $('.inputfield2').val(file); 
}); 

pero entonces no se copia correctamente y Firebug se queja de "Seguridad de error" en la consola de errores

lo hice mal y cómo puedo copiar correctamente el valor de un campo de entrada de archivo

por cierto, la forma de destino tiene un objetivo que se establece a un iframe (no un dominio diferente)

Answer 1

No puede mover el valor de una entrada de archivo a otra, es un riesgo de seguridad. En su lugar, clone la entrada, coloque el clon donde está el original y mueva el original a la forma oculta.

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

Answer 2

Sé que es una respuesta tardía, pero tuve un problema similar que acabo de descubrir hoy.

Lo que hice fue mover la entrada de archivo a la nueva ubicación después de eliminar la actual en la otra ubicación. Al mover el elemento, todo se mantuvo intacto en todas mis pruebas.

$('.inputfield1').change(function() { 
    $('.otherinputfield').remove(); 
    $('#newform').append($(this)); 
});