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

Question

我在 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 事件会涵盖这一点。我可以修改此代码以在您每次浏览文件时提交表单吗？

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