0

こんにちは私は次のような要件があります私は1つのフォームにファイル要素がありますこのフォームには他の多くのフィールドも含まれているので送信できませんが、ファイルが選択された後、それをアップロードする必要があるので、iframeで2番目のフォームを作成しました。特にcloneNodeとappendChildを試してみた場合、ファイル要素をあるフォームから別のフォームにコピーできません。どちらも提案が機能していません。私は本当に立ち往生しています。

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

<form name="form2">       
<form>
4

1 に答える 1

0

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);
}

また、このリンクが役立つ場合があります。

于 2012-07-13T08:37:04.383 に答える