5

我需要针对以下用例的跨浏览器解决方案:用户单击我们其中一个页面上的“导出”按钮,这会打开一个带有表单的弹出窗口。在提交表单时,用户应该会收到一个二进制文件下载(例如 CSV 文件),并且弹出窗口应该在不更改父窗口的可见内容的情况下关闭。

我们不能使用超时来关闭弹出窗口,因为在下载文件之前通常会有一个对话框询问用户如何处理文件,并且无法知道用户处理这个对话框需要多长时间。

我们最初在弹出窗口中有一个脚本,它将 window.location 设置为下载文件的 URL。这使弹出窗口未关闭。

因此,我尝试在父窗口中放置一个隐藏的 iFrame,并在调用 self.close() 之前让弹出窗口将 iFrame 的 src 设置为下载 URL。这在 Firefox 中完美运行,但 IE 完全破坏了它的安全限制。

有正确的方法吗?在 IE 上工作的方式怎么样?


更新 - 问题已解决

这里提出的答案并不太远,但我的问题比 JavaScript 问题要复杂一些。我遇到了 IE 和 Excel 的错误(因为下载文件是 CSV),并且弹出窗口正在做一个表单发布。

如果不将表单数据附加到 URL(对于 GET 而不是 POST),我无法解决问题,并且我必须在 IE 中将站点设置为受信任(这是一个企业应用程序,所以这是一个合理的请求用户)。

单击表单按钮时,弹出窗口调用 window.opener 上的函数,传入表单及其操作 URL。然后弹出窗口调用 window.close()。该函数将表单数据附加到 URL 并将 window.location 设置为新 URL(iFrame 的想法在 IE 中从来没有很好地工作,显然没有必要)。

在对表单 URL 的响应中,请求头包括 Content-Type: application/octetstream and Content-Disposition", "attachment; 文件名=文件名.csv"。

4

3 回答 3

1

您是否尝试过在 iframe 解决方案中实际调用父窗口内的方法,从而设置 iframe 的位置?我问是因为它在我的测试中有效:

父窗口

<html>
<head>
<script type="text/javascript">
var w;

var download = function() {
    document.frames[0].location = "test.php";
    w.close();
};

var o = function() {
    w = window.open("test2.html", "window_name");
    return false;
};
</script>
</head>
<body>

<a href="#" onclick="return o();">open</a>

<iframe></iframe>

</body>
</html>

弹出窗口

<html>
<head>
<script type="text/javascript">
var download = function() {
    window.opener.download();
    return false;
};
</script>
</head>
<body>

<a href="#" onclick="return download();">download</a>

</body>
</html>

test.php只是一个强制下载文件的页面,请注意,上面的代码是 IE 特定的,因为我使用的是 document.frames 对象,但它可以很容易地跨浏览器。

于 2009-05-07T14:50:10.780 回答
0

这可能是解决问题的一种方法。

1)弹出表单 onsubmit 执行 window.open 到第三个窗口,该窗口打开一个页面,该页面是一个空白页面,仅返回下载的文件。

2)在弹出表单上的javascript中,在您执行window.open之后,立即调用关闭弹出提交表单的父窗口(第一个窗口)方法。

3)在第三页上,这只是返回文件的页面,你的头文件中的内容配置只返回文件而不是其他任何东西,所以页面不会真正打开。

这是您可能需要的有关标题的一些信息。代码在 Classic prehistoric ASP 中,但你应该能够看到你需要的东西。

http://classicasp.aspfaq.com/general/how-do-i-prompt-a-save-as-dialog-for-an-accepted-mime-type.html

希望有帮助。

于 2009-05-07T14:09:36.633 回答
-1

没有任何完美的解决方案。当在 IE 中下载文件时它的弹出窗口和在 firefox 中它直接下载

于 2009-06-23T11:48:05.323 回答