在选择文件对话框关闭后提交表单

时间:2012-06-22 17:26:34

标签: jquery triggers dialog form-submit

我需要在“文件选择”完成后提交我的上传文件表格 我的文件输入是,

<input type="file" id="myfile" name="myfile" />

我的表格是

<form id="uploadform" action="includes/upload_img.php" ......">

我正在使用这种方法:

  • 我即时创建表单和i-frame(通过图片点击 - img.sendimage)
  • 执行选择文件对话框(以表格形式创建)
  • 通过PHP和
  • 将所选文件发送到目录
  • 显示已返回的消息

但是,当我触发“选择文件对话框”并选择一个文件时,表单正在提交(立即)而没有选择文件。

我的代码如下所示:

$("img.sendimage").live('click',function(){
    $('<form id="uploadform" action="includes/upload_img.php" method="post" enctype="multipart/form-data" target="uploadframe" style="position: absolute;top: -1000px;">
    <input type="file" id="myfile" name="myfile" />
    <input type="submit" value="Submit" />
    <iframe id="uploadframe" name="uploadframe" src="includes/upload_img.php" width="0" height="0" scrolling="no" frameborder="0" style="visible:false;"></iframe>
    </form>').appendTo("body");
    $('#myfile').click();
    $('#uploadform').submit();
});

如何在关闭#myfile输入后触发表单提交事件(并且还选择了文件)?

注意:如果我在单独的单击事件上使用相同的方法(例如;单击按钮选择文件并单击另一个以发送所选文件),则没有问题。它正在发挥作用,但是当我立即发射事件时,没有成功。

立即感谢..

1 个答案:

答案 0 :(得分:0)

我用that解决方案解决了我的问题。