Java自学者论坛

 找回密码
 立即注册

手机号码,快捷登录

恭喜Java自学者论坛(https://www.javazxz.com)已经为数万Java学习者服务超过8年了!积累会员资料超过10000G+
成为本站VIP会员,下载本站10000G+会员资源,会员资料板块,购买链接:点击进入购买VIP会员

JAVA高级面试进阶训练营视频教程

Java架构师系统进阶VIP课程

分布式高可用全栈开发微服务教程Go语言视频零基础入门到精通Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程SpringBoot2.X入门到高级使用教程大数据培训第六期全套视频教程深度学习(CNN RNN GAN)算法原理Java亿级流量电商系统视频教程
互联网架构师视频教程年薪50万Spark2.0从入门到精通年薪50万!人工智能学习路线教程年薪50万大数据入门到精通学习路线年薪50万机器学习入门到精通教程
仿小米商城类app和小程序视频教程深度学习数据分析基础到实战最新黑马javaEE2.1就业课程从 0到JVM实战高手教程MySQL入门到精通教程
查看: 726|回复: 0

JS中用execCommand("SaveAs")保存页面兼容性问题解决方案

[复制链接]
  • TA的每日心情
    奋斗
    9 小时前
  • 签到天数: 789 天

    [LV.10]以坛为家III

    2049

    主题

    2107

    帖子

    72万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    722638
    发表于 2021-4-29 10:38:03 | 显示全部楼层 |阅读模式

    开发环境:ASP.NET MVC,其他环境仅供参考。

    问题描述:在开发中遇到这样的需求,保存页面,通常使用JavaScript的saveAs进行保存,各浏览器对saveAs支持,见下表。

     

    代码一:初始保存的代码,只有IE6,7,8支持。
        function CmdSave() {
            var OW = window.open('', "_blank", "");
            var DD = new Date();
            OW.document.open();
            var content = document.getElementById("content").innerHTML;
            OW.document.write(content);
            var name = mineName + "-" + $("#selDate").val() + ".htm";
            OW.document.execCommand("saveAs", false, name);//执行保存,IE6,IE7,IE8有效
            OW.close();
        }
    

     

    解决方案:考虑到下载兼容性好,也能起到保存页面的作用,故采用了先生成页面,再下载页面这样的解决方案。

    代码二:采用下载方式保存页面代码。
        function CmdSave() {
            var css = "<style type='text/css'>.trNormalTd { border-top-width: 0px; border-bottom-width: 0px;text-align:right;}.trLastTd {border-top-width: 0px;text-align:right;}.trFirstTd{border-bottom-width: 0px;text-align: right;}</style>";
            var html = document.getElementById("content").innerHTML;
            var content = css + html;
            var name = mineName + "-" + $("#selDate").val() + ".htm";
            savePage(content, name);
    }
    
        //content 内容 fileName 文件名 先在服务器生成页面,然后再下载生成的页面
        function savePage(content, fileName) {
            $.ajax({
                type: 'post',
                dataType: 'text',
                url: 'FXBB/BCYM',
                data: {
                    content: content,
                    fileName: fileName
                },
                success: function (result) {
                    var url = "YXGZ/DBFX/BBCX/FXBB/XZYM?fileName=" + fileName;
                    var downloadUrl = window.location.protocol + "//" + window.location.host + "/" + url;
                    window.open(downloadUrl);//下载页面
                    //deleteFile(fileName);
                },
                error: function (msg) {
                    alert("保存出错");
                }
    
            });
        }
    
    		//保存页面
            public int BCYM(string content, string fileName)
            {
                string path = System.AppDomain.CurrentDomain.BaseDirectory;
                path = Path.Combine(path, @"Upload\FXBB");
    		   //清空保存文件文件夹文件
                foreach (string d in Directory.GetFileSystemEntries(path))
                {
                    if (File.Exists(d))
                    {
                        File.Delete(d);
                    }
                }
    		  //生成要保存的页面
                path = System.AppDomain.CurrentDomain.BaseDirectory;
                path = Path.Combine(path, "Upload/FXBB/" + fileName);
    
                using (StreamWriter sw = new StreamWriter(path, false, Encoding.UTF8))// File.AppendText(path))
                {
                    sw.WriteLine(content);
                    sw.Flush();
                }
    
                return 1;
            }
    
    //下载页面
         public void XZYM(string fileName)
            {
    
                string path = System.AppDomain.CurrentDomain.BaseDirectory;
                path = Path.Combine(path, @"Upload\FXBB\" + fileName);
                string filePath = path;//Server.MapPath("DownLoad/aaa.zip");//路径
    
                //以字符流的形式下载文件
                FileStream fs = new FileStream(filePath, FileMode.Open);
                byte[] bytes = new byte[(int)fs.Length];
                fs.Read(bytes, 0, bytes.Length);
                fs.Close();
                System.Web.HttpContext.Current.Response.ContentType = "application/octet-stream";
    
                //通知浏览器下载文件而不是打开
                System.Web.HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment; filename=" + HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8));
                System.Web.HttpContext.Current.Response.WriteFile(filePath);
            }
    

     

    哎...今天够累的,签到来了1...
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|小黑屋|Java自学者论坛 ( 声明:本站文章及资料整理自互联网,用于Java自学者交流学习使用,对资料版权不负任何法律责任,若有侵权请及时联系客服屏蔽删除 )

    GMT+8, 2024-9-6 21:50 , Processed in 6.138878 second(s), 29 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表