Question

我正在尝试以编程方式提交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();
});

到目前为止我尝试过：

将提交表单的脚本插入iframe的头部。
使用将提交它的函数引用此同一文件。

Answer 1

好吧..似乎有所不同的是[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();
  });

提交更改Jquery的表单

1 个答案: