每次用户单击输入按钮时,在选择输入文件后提交表单

时间:2012-10-04 14:54:34

标签: jquery forms file-upload submit

我在iFrame中有一个表单,我无法直接修改(虽然它在同一个域中)所以我使用jQuery来做一些事情。这就是我现在正在做的事情:

$('#staffels_uploaden_frame', window.parent.document).contents().find("input[type=file]").change(function() { 
        // select the form and submit
        $(this).closest("form").submit();
    });

我有一个带有文件输入的表单,在您单击输入按钮选择文件后,表单将被提交并上传文件。但是,这只能工作一次:如果你再次按下输入按钮,表单就不会提交了,尽管我认为.change事件会覆盖这个。我可以修改此代码,以便每次浏览文件时都提交表单吗?

1 个答案:

答案 0 :(得分:1)

我通过将上面的代码放在.load方法中解决了这个问题。像这样:

$('#staffels_uploaden_frame', window.parent.document).load(function() {
        // select the file input (using a id would be faster)
        $(this).contents().find("input[type=file]").change(function() {
            // select the form and submit
            $(this).closest("form").submit();   
});