在JavaScript中如何解決用execCommand(
本解決方案僅適應(yīng)asp.net mvc 開發(fā)環(huán)境,其他環(huán)境僅供參考。
問題描述:在開發(fā)中遇到這樣的需求,保存頁面,通常使用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);//執(zhí)行保存,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 內(nèi)容 fileName 文件名 先在服務(wù)器生成頁面,然后再下載生成的頁面 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 + "http://" + 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); }
以上內(nèi)容就是本文關(guān)于execcommand兼容性問題的全部敘述,希望大家喜歡。
相關(guān)文章
webpack使用及如何搭建cesium三維地球環(huán)境
這篇文章主要介紹了webpack快速上手之搭建cesium三維地球環(huán)境,本文使用的是webpack5,webpack5 升級后默認(rèn)是不支持polyfill的,編譯時會報錯,本文主要介紹了Cesium以及Webpack的使用,如何將Cesium一步步地集成到Webpack中,需要的朋友可以參考下2023-11-11解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS 驗證密碼 不能為空,必須含有數(shù)字、字母、特殊字符,長度在8-12位
這篇文章主要介紹了JS 驗證密碼 不能為空,必須含有數(shù)字、字母、特殊字符,長度在8-12位的相關(guān)資料,需要的朋友可以參考下2017-06-06javascript仿php的print_r函數(shù)輸出json數(shù)據(jù)
輸出json數(shù)據(jù),php的print_r函數(shù)可以輕松實現(xiàn),下面為大家介紹下javascript也可以模仿print_r函數(shù)輸出json數(shù)據(jù),具體實現(xiàn)如下,感興趣的朋友可以了解下2013-09-09Javascript 拖拽雛形中的一些問題(逐行分析代碼,讓你輕松了拖拽的原理)
這篇文章主要介紹了Javascript 拖拽雛形中的一些問題(逐行分析代碼,讓你輕松了拖拽的原理),需要的朋友可以參考下2015-01-01