Копирование значения поля ввода файла формы в другое поле ввода формы

Итак, у меня есть две формы, у обоих есть поле ввода типа файла, и я попробовал

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

но затем он не будет правильно скопирован и firebug жалуется на "Ошибка безопасности" на консоли ошибок

что я сделал неправильно и как правильно скопировать значение поля ввода файла

кстати, у целевой формы есть цель, которая установлена в iframe (не в другом домене)

Ответ 1

Вы не можете перемещать значение одного входного файла в другой, это риск безопасности. Вместо этого клонируйте вход, поместите клон, где находится оригинал, и переместите оригинал в скрытую форму.

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

Ответ 2

Я знаю, что это поздний ответ, но у меня была аналогичная проблема, которую я только что понял сегодня.

То, что я сделал, это перемещение ввода файла в новое место после удаления текущего в другом месте. Перемещая элемент, все оставалось неповрежденным во всех моих тестах.

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