下载大文件时浏览器崩溃 - javascript

我有一个Web API，可从azure读取文件并将其下载到字节数组中。客户端接收到此字节数组并将其下载为pdf。这不适用于大文件。
我无法弄清楚如何将字节从Web api发送到客户端。

以下是仅将字节数组返回给客户端的Web API代码：

        CloudBlockBlob blockBlob = container.GetBlockBlobReference(fileName);
        blockBlob.FetchAttributes();
        byte[] data = new byte[blockBlob.Properties.Length];
        blockBlob.DownloadToByteArray(data, 0);
        return report;

客户端代码在ajax请求完成时获取数据，创建超链接并设置其下载文件的下载属性：

var a = document.createElement("a");
a.href = 'data:application/pdf;base64,' + data.$value;;
a.setAttribute("download", filename);

对于1.86 MB的文件，发生了错误。

浏览器显示以下消息：
显示网页时出了点问题。要继续，请重新加载网页。

参考方案

问题很可能是您的服务器在这些大文件上的内存不足。不要只将整个文件加载到变量中，然后将其作为响应发送出去。这将导致两次下载，您的服务器必须从azure存储器中下载它并将其保留在内存中，然后您的客户端必须从服务器中下载它。您可以改为使用流来进行流复制，这样就不会占用内存。这是WebApi控制器中的示例。

public async Task<HttpResponseMessage> GetPdf()
{
    //normally us a using statement for streams, but if you use one here, the stream will be closed before your client downloads it.

    Stream stream;
    try
    {
        //container setup earlier in code

        var blockBlob = container.GetBlockBlobReference(fileName);

        stream = await blockBlob.OpenReadAsync();

        //Set your response as the stream content from Azure Storage
        response.Content = new StreamContent(stream);
        response.Content.Headers.ContentLength = stream.Length;

        //This could change based on your file type
        response.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf");
    }
    catch (HttpException ex)
    {
        //A network error between your server and Azure storage
        return this.Request.CreateErrorResponse((HttpStatusCode)ex.GetHttpCode(), ex.Message);
    }
    catch (StorageException ex)
    {
        //An Azure storage exception
        return this.Request.CreateErrorResponse((HttpStatusCode)ex.RequestInformation.HttpStatusCode, "Error getting the requested file.");
    }
    catch (Exception ex)
    {
        //catch all exception...log this, but don't bleed the exception to the client
        return this.Request.CreateErrorResponse(HttpStatusCode.BadRequest, "Bad Request");
    }
    finally
    {
        stream = null;
    }
}

我已经（几乎完全）使用了这段代码，并且能够下载大小超过1GB的文件。

javascript popupwindow之后的行如何工作？ - javascript

好的，我有一个来自后面代码的方法，可以创建一个popupwindow。然后有一行代码要在那之后执行，我想知道那行代码何时执行，是在使用popupwindow之后执行还是在创建popupwindow之后执行？例如：void exPopupWindowMethod() { string scr = "window.open('exampleP…

ddl在服务器中未更新-asp.net - javascript

我在ASP.NET c＃上工作。我有一个DropDownList。 （runat =“ server”）在$ {document）.ready上，我更新了它的值：$(document).ready(function () { document.getElementById("ddl").value = "abc"; ……

Javascript-Urls的奇怪字符串比较行为 - javascript

最近，在编写我无法理解的javascript时遇到了字符串比较的问题。我从完全相同的网址创建了两个字符串，当我比较它们时返回false，但是在重新分配相同的字符串后，比较返回true。这是我的示例：var str1 = "http://google.com/"; var str2 = "http://google.com‏/&#…

单击选项卡链接时，请专注于每个引导选项卡中的First asp:textbox - javascript

我是开发的新手，并开始开发简单的asp.net应用程序。我正在使用每个都有一些asp标签和文本框的bootstrap选项卡。单击该选项卡时，我要重点关注选项卡内容中的第一个文本框。我搜索了各种答案，但都是针对输入字段的（exp：输入type =“ text”）。找不到适用于ASP文本框的任何内容。任何帮助将不胜感激。谢谢 javascript参考方案 ASP…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后，我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗？当前网址：siteUrl/page.php?key=value 页面提交后：siteUrl/page.php 实际上，我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是，一旦我提交了表格，我就需要删除查询字符串值。我已…