blocks|key|1912888|text|它应该是这样的：(解决方案之一)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1912889|1)在您的页面上创建一个iframe，它将实际下载您的文件(因此您的主页不会为空白)。|1912890|2)在响应中添加cookie。通过|1912891|Response.AddHeader("content-disposition",+"attachment;filename=1.jpg");|offset|length|style|CODE|1912892|3)当用户按下“下载”键时，设置(通过js)+src，让iframe下载该文件。你还展示了旋转器。在此之后，如果有cookie，就开始通过setInterval阅读。如果有-下载已经完成，所以您可以隐藏旋转器。|1912893|entityMap^0|0|0|0|0|1Z|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|S|8|@$H|T|I|U|J|K]]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|O|$]]

It should go like this : (one solution among others)

1) create an iframe on your page which will actually download your file ( so your main page wont be blank )

2) Add a cookie to the response. via 

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

3) when a user press "download" you set (via js) the src for the iframe to download the file. and you show the spinner. after this , you start reading via setInterval , if theres a cookie. if thereis - the download has finished so you can hide the spinner.

blocks|key|1912972|text|实际上，我最终提出了一个不需要使用iFrame的解决方案。相反，我使用了一个Cookie，它的文件生成过程将一个简单的名称值对写入其中。随后，可以通过JavaScript从客户端检查此cookie，以确定响应(.xlsx文件)何时完成。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1912973|结果应该是加载旋转图像应该显示，直到生成了DownloadComplete=true文件并将返回给客户端(Cookie包含.xls名称值对)。|1912974|在OnClientClick事件中，LinkButton：
函数startFileDownload(){+//+Set+Timout用于再次调用checkState函数setTimeout(checkState，1100)；setCookie('DownloadComplete'，''，1)；//下载正在启动，隐藏下载LinkButton+document.getElementById('<%25=+btnDownloadExcel.ClientID%25>').style.display+=+"none"；//显示进度旋转变量img+=+document.getElementById("image1")；img.src+=“Image/99.GIF”；document.getElementById('image1').className+=+"spinnerDisplay"；}|ordered-list-item|1912975|下面是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)；}|1912976|下面是JavaScript代码，用于setCookie和getCookie函数：
函数setCookie(+cName，value){+var+now+=新日期()；var+time+=+now.getTime()；time+%2B=+3600+*+1000；now.setTime(time)；document.cookie+=cName%2B+"=“%2B+value+%2B+'；expires=‘%2B+now.toGMTString()+%2B+'；path=/'；}函数getCookie(cName)+{+var+i，x，y，ARRcookies+=+document.cookie.split(";")；for+(i+=+0；i<+ARRcookies.length；(+i%2B%2B)+{x=+ARRcookiesi.substr(0，ARRcookiesi.indexOf("="))；y=+ARRcookiesi.substr(ARRcookiesi.indexOf("=")+%2B+1)；x=x.replace(/%5Es%2Bx\s%2B$/g，"")；if+(x+==+cName)+{返回unescape(y)；}}|1912977|然后，在生成.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()；|1912978|1912979|1912980|entityMap^0|C|B|12|6|0|L|L|0|1|D|I|A|0|3|A|0|I|9|S|9|0|S|A|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|K|3|L|5|J|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|M|3|N|5|J|7|1A|8|@$9|1B|A|1C|B|C]|$9|1D|A|1E|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]]|T|$]]

I actually ended up going with a solution that did not require the use of an iFrame. Instead I make use of a Cookie, which the file generation process writes into it simple a Name Value pair. This cookie can then be checked later from the client side via JavaScript to determine when the response (.xlsx file) has completed.

The result should be that the loading spinner image should display until the .xls file has been generated and returned to the client (Cookie contains the DownloadComplete=true Name Value pair).

<ol>
<li>In the OnClientClick event for the LinkButton:

<pre><code>function startFileDownload(){

// Set Timout for calling checkState function again
setTimeout(checkState, 1100);
setCookie('DownloadComplete', '', 1);

// Download is starting, Hide Download LinkButton
document.getElementById('&lt;%= btnDownloadExcel.ClientID%&gt;').style.display = "none";

// Display progress spinner
var img = document.getElementById("image1");
img.src = "Images/99.GIF";
document.getElementById('image1').className = "spinnerDisplay";
}
</code></pre></li>
<li>Here is the JavaScript code for the checkState function:

<pre><code>function checkState()
{
 var img = document.getElementById("image1");
 var finished = getCookie("DownloadComplete");
 // Check to see if download is complete 
if (!isEmpty(finished)) {
 setCookie('DownloadComplete', '');
 // Download is complete, Hide progress spinner
 img.className = "spinnerHide";
 document.getElementById('&lt;%= btnDownloadExcel.ClientID%&gt;').style.display = "";
} else {
 // Refresh progress spinner, Set Timout for calling checkState function again
 img.src = "Images/99.GIF";
 setTimeout(checkState, 1100);
}
}
</code></pre></li>
<li>Here is the JavaScript code for the setCookie and the getCookie functions:

<pre><code>function setCookie(cName, value){
var now = new Date();
var time = now.getTime();
time += 3600 * 1000;
now.setTime(time);
document.cookie = cName + "=" + value 
+ '; expires=' + now.toGMTString() + '; path=/'; 
}

function getCookie(cName)
{
 var i, x, y, ARRcookies = document.cookie.split(";");
 for (i = 0; i &lt; ARRcookies.length; i++) {
 x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("="));
 y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1);
 x = x.replace(/^\s+|\s+$/g, "");

 if (x == cName) {
 return unescape(y);
 }
 }
}
</code></pre></li>
<li>Then on the server side in the class that generates the .xlsx file, after clearing the HTTP Response add a Name Value pair to the Cookie:

<pre><code> HttpContext.Current.Response.Clear();

 // Append a cookie that will tell the browser the file has finished processing 
 // and is included in that stream (note specific path must match same path for cookie set in JavaScript) 
 HttpCookie cookie = new HttpCookie("DownloadComplete", "true");
 cookie.Expires = DateTime.Now.AddMinutes(60);
 cookie.Path = "/";
 HttpContext.Current.Response.AppendCookie(cookie);
 //Other code here to specify the MIME type, setup the HTTP header 
 //and Response.BinaryWrite out the file
 HttpContext.Current.Response.End();
</code></pre></li>
</ol>

I have a webform with a Download LinkButton, on the button's click event I'm fetching data and then generating an .XLSX file for download. During the generation of the file, Response.Clear() is called, Response.ContentType is set and eventually Response.End() is called.

I need to display a spinner .gif during that operation. Once the file has been generated and the file "Open/Save" dialog pops up, the spinner should not display. Unfortunately, since I'm changing the content type and calling Response.End there is no response returned back to the page to work with.

Can anyone please provide a little help with this scenario?

How to display a progress status/spinner when outputting file via Response.ContentType, Response.End?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个带有下载LinkButton的webform，在按钮的单击事件上，我获取数据，然后生成一个.XLSX文件供下载。在文件生成过程中，调用Response.Clear()，设置Response.ContentType，最后调用Response.End()。在该操作期间，我需要显示一个旋转器.gif。一旦生成了文件并...

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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