代码之家  ›  专栏  ›  技术社区  ›  Ben

jquery iframe文件上载-触发器成功或失败

  •  0
  • Ben  · 技术社区  · 14 年前

    我有一个javascript,它通过iframe上传一个选定的文件。我需要能够从iframe确定文件是否成功上载。问题是,上载文件可能需要3秒或30秒。当从iframe中完成上载时,我能想到的触发函数的最佳方法…如何从子iframe中确定主窗口的目标?

                    if (file === false) {
                        var newEl = that.reset(this);
                        //fix listener
                        triggerNotification('x', 'Unable to upload file, file type not accepted');
                    } else {
                        var id = Math.floor(Math.random()*101);
                        var form = jQuery(this).hide().after("<div class='upload'><div class='file'>"+file+"</div><div class='status'><img src='/image/progress-bar.gif'/></div></div><iframe id='"+id+"' name='"+id+"' src='about:blank' width='0' height='0' style='display: block;'></iframe>").parents('form');
                        form.attr('target', id).submit();
                        console.log(jQuery('iframe', form));
                        console.log(jQuery('iframe', form).contents());
                        console.log(jQuery('iframe', form).contents().find('body'));
                        console.log(jQuery('iframe', form).contents().find('body').html());
    
                        jQuery('input[type="button"]', form.parents('.popup-panel')).show();
    
                        triggerNotification('check', 'File has been uploaded');
    
                        //form.replaceWith("<a href='/image/icons/accept.png' target='_blank'><img src='/image/icons/accept.png' style='max-width: 120px;'/></a><br/><span class='faded'>(Click to view actual size)</span>");
                    }
    
    1 回复  |  直到 14 年前
        1
  •  0
  •   Ben    14 年前

    parent.jQuery... window.jQuery...