Question

您好我有如下要求我有一个表单中的文件元素这个表单包含很多其他字段也是如此我无法提交但是在文件选择后我需要上传它所以我用iframe创建了第二个表单。我无法将文件元素从一种形式复制到另一种形式，特别是在我尝试使用cloneNode和appendChild都没有工作任何建议。我真的被卡住了。

<form name ="form1">
   <input type="file"/>
</form>

<form name="form2">       
<form>

Answer 1

看起来cloneNode已允许克隆文件输入。可能的代码如下：

<form name="form1">
  <input id="file1" type="file" onchange="copy_file_input()" />
</form>
<form name="form2" enctype="multipart/form-data">
  <input type="hidden" name="test" value="form2sent" />
</form>

function copy_file_input() {
  var target_form = document.forms.form2;
  if (target_form.file2 != undefined) {
    target_form.removeChild(target_form.file2);
  }
  var elem = document.getElementById('file1');
  var copy = elem.cloneNode(true);
  copy.name = 'file2';
  target_form.appendChild(copy);
}

此link也许有用。

将html输入文件元素从一种形式复制到另一种形式

1 个答案: