基于ASP.NET Webapi和ajax技术且兼容Chrome、Firefox和IE浏览器的Excel文件下载方法

最新推荐文章于 2022-08-12 09:04:28 发布

长沙三毛

最新推荐文章于 2022-08-12 09:04:28 发布

阅读量2k

点赞数

分类专栏： jQuery与Javascript .NET实现与应用技术 ASP.NET技术

本文链接：https://blog.csdn.net/hulihui/article/details/77478868

版权

本文介绍了一个使用ASP.NET MVC、WebAPI、jQuery、Ajax和EasyUI构建的高速公路大数据分析网站项目。在项目中，通过NPOI生成Excel报表并转化为base64字符串，通过WebAPI返回。尽管Chrome和Firefox能够正常下载，但在IE浏览器中遇到问题。为了解决IE的兼容性问题，需要进行两次HTTP请求：首次请求保存文件流到缓存，第二次请求使用模拟的<a>标签下载。最终成功实现了三大浏览器的文件下载兼容。

摘要由CSDN通过智能技术生成

这个假期都在做一个综合ASP.NET MVC、Webapi、jquery、ajax、easyui等技术和框架的高速公路大数据分析网站项目。系统用json做前后端通信的数据格式，后端主要用Webapi处理业务逻辑，并返回一个定制的消息对象，前端就是jquery、ajax和easyui等呈现和相关处理。

前面的文件上传、参数传递、CRUD操作、数据集合返回给easyui等都做得十分顺利。最后，要输出报表了。使用NPOI组件在后端生成一个Excel报表，然后像image处理一样转换成base64字符串格式，通过Webapi返回给前端浏览器。Chrome和Firefox均能很好地支持直接在浏览器里打开下载窗口，见如下代码：

    function DownloadFile(xlsBase64)  
    {
        if (!document.getElementById("dwnf"))
        {
            $(document.body).append('<a href="#" id="dwnf" style="display: none"></a>');
        }

        var reportName = $('#ReportNames').val();
        var fileName =  reportName + '_' + GetPeriodNo() + '.xls';
        var url = '