【发布时间】:2015-09-28 21:15:58
【问题描述】:
我正在执行一项任务,用户可以下载 excel 格式的数据。 数据是动态生成的(作为通用列表),然后写成excel文件,效果很好。
问题:
我面临的问题是,当数据很大时,下载文件需要几秒钟。在此期间,我需要向最终用户显示某种进度/指示(比如说,正在下载....消息)。使用当前代码,我无法跟踪文件下载完成的时间......
这是我的代码,
通过 web api 方法和搜索条件的 JS 代码
var request = {};
request.Code = codeDdl.find(':selected').val();
$.blockUI({ message: '<h3>Downloading...</h3>' });
//Export to Excel all records
$().largeDownload("api/FileDownload/GetWorkQueueList", {
'request': JSON.stringify(request)
});
读取搜索条件并将其传递给 web api 方法的 JS 代码:
(function (d) {
d.fn.largeDownload = function (a, b, c) { void 0 !== c ? (c = c.toUpperCase(), "GET" != c && (c = "POST")) : c = "POST"; if (void 0 === b || !1 == b) b = d().parse_url(a), a = b.url, b = b.params; var e = d("<form></form"); e.attr("method", c); e.attr("action", a); for (var f in b) a = d("<input />"), a.attr("type", "hidden"), a.attr("name", f), a.attr("value", b[f]), a.appendTo(e); d("body").append(e); e.bind("submit", DownloadedCallback); e.submit() }; d.fn.parse_url = function (a) {
if (-1 == a.indexOf("?")) return { url: a, params: {} }; var b = a.split("?"), a = b[0], c = {}, b = b[1].split("&"), e = {}, d; for (d in b) {
var g =
b[d].split("="); e[g[0]] = g[1]
} c.url = a; c.params = e; return c
}
})(jQuery);
Web API
[HttpPost]
public HttpResponseMessage GetWorkQueueList()
{
var resp = new HttpResponseMessage(HttpStatusCode.OK);
var currentContext = HttpContext.Current;
try
{
string strRequest = currentContext.Request.Form["request"];
var serializer = new JavaScriptSerializer();
var request = serializer.Deserialize<ViewRequest>(strRequest);
request.QueryAllRecords = true;
var workQueueList = MappingManager.GetWorkQueueList(request);
var legacyExcelView = //get data as generic list
....
....
var fileBytes = ExcelManager.GetExcelData<WQExcelView>(legacyExcelView);
var stream = new MemoryStream(fileBytes);
resp.Content = new StreamContent(stream);
resp.Content.Headers.ContentType = new MediaTypeHeaderValue("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
resp.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "WorkQueueList.xlsx" };
resp.Content.Headers.Add("Content-Encoding", "UTF-8");
return resp;
}
catch (Exception ex)
{
resp.Content = new StringContent(ex.Message);
return resp;
}
}
我的尝试:
在 largeDownload javascript 函数中,我添加了 DownloadedCallback,它似乎不像我预期的那样工作。它会在下载完成之前立即触发。
问题:
如何在 Web API 方法中检查文件下载是否完成...在显示文件下载对话框之前我应该怎么做才能显示进度条?
【问题讨论】:
标签: javascript jquery asp.net-web-api export-to-excel