码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-10-18 11:27:40      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:

开发环境: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);
        }

 

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

标签:

原文地址:http://www.cnblogs.com/wllzbky/p/4889142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!