问如何在通过Response.ContentType、Response.End输出文件时显示进度状态/旋转器？

EN

实际上，我最终提出了一个不需要使用iFrame的解决方案。相反，我使用了一个Cookie，它的文件生成过程将一个简单的名称值对写入其中。随后，可以通过JavaScript从客户端检查此cookie，以确定响应(.xlsx文件)何时完成。

结果应该是加载旋转图像应该显示，直到生成了DownloadComplete=true文件并将返回给客户端(Cookie包含.xls名称值对)。

1. 在OnClientClick事件中，LinkButton： 函数startFileDownload(){ // Set Timout用于再次调用checkState函数setTimeout(checkState，1100)；setCookie('DownloadComplete'，''，1)；//下载正在启动，隐藏下载LinkButton document.getElementById('<%= btnDownloadExcel.ClientID%>').style.display = "none"；//显示进度旋转变量img = document.getElementById("image1")；img.src =“Image/99.GIF”；document.getElementById('image1').className = "spinnerDisplay"；}
2. 下面是checkState函数的checkState代码： 函数checkState() { var img = document.getElementById("image1")；var finished = getCookie("DownloadComplete")；//检查下载是否完成if (！isEmpty(已完成)){ setCookie('DownloadComplete'，'')；// DownloadComplete；//DownloadComplete；}{ //刷新进度旋转器，将Timout设置为再次调用checkState函数img.src =“Image/99.GIF”；setTimeout(checkState，1100)；}
3. 下面是JavaScript代码，用于setCookie和getCookie函数： 函数setCookie( cName，value){ var now =新日期()；var time = now.getTime()；time += 3600 * 1000；now.setTime(time)；document.cookie =cName+ "=“+ value + '；expires=‘+ now.toGMTString() + '；path=/'；}函数getCookie(cName) { var i，x，y，ARRcookies = document.cookie.split(";")；for (i = 0；i< ARRcookies.length；( i++) {x= ARRcookiesi.substr(0，ARRcookiesi.indexOf("="))；y= ARRcookiesi.substr(ARRcookiesi.indexOf("=") + 1)；x=x.replace(/^s+x\s+$/g，"")；if (x == cName) {返回unescape(y)；}}
4. 然后，在生成.xlsx文件的类的服务器端，清除HTTP 之后，向Cookie添加一个名称值对： HttpContext.Current.Response.AppendCookie(cookie)；()；//追加一个cookie，该cookie将告诉浏览器文件已完成处理//并包含在该流中(注意到特定路径必须匹配JavaScript中设置的cookie路径) HttpCookie cookie=新HttpCookie("DownloadComplete"，"true")；cookie.Expires = DateTime.Now.AddMinutes(60)；cookie.Path = "/"；//这里指定MIME类型的//其他代码，设置header //并Response.BinaryWrite输出文件HttpContext.Current.Response.End()；

它应该是这样的：(解决方案之一)

1)在您的页面上创建一个iframe，它将实际下载您的文件(因此您的主页不会为空白)。

2)在响应中添加cookie。通过

Response.AddHeader("content-disposition", "attachment;filename=1.jpg");

3)当用户按下“下载”键时，设置(通过js) src，让iframe下载该文件。你还展示了旋转器。在此之后，如果有cookie，就开始通过setInterval阅读。如果有-下载已经完成，所以您可以隐藏旋转器。