在JavaScript中如何解决用execCommand(

前端技术 2023/09/03 JavaScript

本解决方案仅适应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);
  }

以上内容就是本文关于execcommand兼容性问题的全部叙述，希望大家喜欢。

本文地址：https://www.stayed.cn/item/8284

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案