用iframe解决模态窗口文件下载问题

在模态窗口中，window.open()，form.submit() 等函数不可执行， 提示“不支持此接口”。

 

由于需要在模态窗口中弹出一个新的窗口来执行文件下载代码，无法弹窗使下载功能不可用。

 

参考文章 http://blog.163.com/zyc951018@126/blog/static/1397628992011111543924384/发现了解决办法。

 

在使用 window.showModelDialog(url, params, winStyle) 函数打开的窗口中，无法再打开任何新的非模态窗口，可以通过使用隐藏子框架来执行下载代码的方式解决。

 

win.htm 页面代码，增加一个隐藏的iframe子框架，并将form提交到此子框架。

 

<iframe id="emptyFrame" name="emptyFrame" height="0px" onreadystatechange="frameReady()"></iframe>
<form id="form1" name="form1" target="emptyFrame" method="post" action="fileDownload.do">
  <input id="fileName" name="fileName" />
</form>

  

win.js 页面代码

 

function btnSubmit(){ //下载按钮的点击事件
  form1.fileName = "xxx";
  form1.submit();
  btn.disabled = true;
}

function frameReady(){ //子框架加载完成事件
  if(btn.disabled){
    btn.disabled = false;
  }
}