0

iframeデータベースに画像を追加できるように、このフォームをプログラムで送信しようとしています...

コード：

var item_id = $("#itemid").text();
  var link = $("#mainIMG").attr("src");
   $('#curItem').append('<iframe border="none" width="600px" height="600px" id="uploadIframe"></iframe>')
  $('#uploadIframe').contents().find('body').append('<form name="addImgForm" enctype="multipart/form-data" id="addImgForm" action="addImageForm.php" method="POST"></form>');
  $('#uploadIframe').contents().find('#addImgForm').append('<input id="newIMG" type="file" name="file">')
  .append('<input name="item_id" value="'+item_id+'" type="text"/>')
  .append('<input name="link" type="text" value="'+link+'"/>')
  .append('<input id="IframeSub" type="submit"/>');
  $('#uploadIframe').contents().find('body').append('<script type="text/javascript" src="../JS/editItem.js"></script>');
  $('#uploadIframe').contents().find("#newIMG").trigger('click');
  $('#uploadIframe').contents().find("#newIMG").change(function (){
    $('#uploadIframe').contents().find('#addImgForm [name=addImgForm]').submit();
});

私がこれまでに試したこと：

  1. フォームを送信するスクリプトをiframeのヘッドに挿入します。

  2. この同じファイルを、それを送信する関数で参照します。

4

1 に答える 1

0

わかりました..違いを生むように見えたのはです[name=addItemForm]。面白いのは...私が仕事でこれと同じことをやっていたとき、これはうまくいきませんでした。以前と同じようにフォームを送信する必要がありました

$('#uploadIframe').contents().find('#addImgForm [name=addImgForm]').submit();

奇妙なことに、それは機能しませんでした。これが機能するものです....今のところ...:)

  var item_id = $("#itemid").text();
  var link = $("#mainIMG").attr("src");

  $('#curItem').append('<iframe border="none" width="600px" height="600px" id="uploadIframe"></iframe>')
  $('#uploadIframe').contents().find('body').append('<form name="addImgForm" enctype="multipart/form-data" id="addImgForm" action="addImageForm.php" method="POST"></form>');
  $('#uploadIframe').contents().find('#addImgForm').append('<input id="newIMG" type="file" name="file">')
  .append('<input name="item_id" value="'+item_id+'" type="text"/>')
  .append('<input name="link" type="text" value="'+link+'"/>')
  .append('<input id="IframeSub" type="submit"/>');
  $('#uploadIframe').contents().find("#newIMG").trigger('click');
  $('#uploadIframe').contents().find('body').append('<script type="text/javascript" src="../JS/editItem.js"></script>');

  $('#uploadIframe').contents().find('#newIMG').change(function (){
    $('#uploadIframe').contents().find("#addImgForm").submit();
  });
于 2013-03-02T03:51:06.103 に答える