在JavaScript中如何解決用execCommand(
本解決方案僅適應(yīng)asp.net mvc 開(kāi)發(fā)環(huán)境,其他環(huán)境僅供參考。
問(wèn)題描述:在開(kāi)發(fā)中遇到這樣的需求,保存頁(yè)面,通常使用JavaScript的saveAs進(jìn)行保存,各瀏覽器對(duì)saveAs支持,見(jiàn)下表。
代碼一:初始保存的代碼,只有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(); }
解決方案:考慮到下載兼容性好,也能起到保存頁(yè)面的作用,故采用了先生成頁(yè)面,再下載頁(yè)面這樣的解決方案。
代碼二:采用下載方式保存頁(yè)面代碼。
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ù)器生成頁(yè)面,然后再下載生成的頁(yè)面 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);//下載頁(yè)面 //deleteFile(fileName); }, error: function (msg) { alert("保存出錯(cuò)"); } }); } //保存頁(yè)面 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); } } //生成要保存的頁(yè)面 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; } //下載頁(yè)面 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"; //通知瀏覽器下載文件而不是打開(kāi) 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兼容性問(wèn)題的全部敘述,希望大家喜歡。
相關(guān)文章
一文教會(huì)你微信小程序如何實(shí)現(xiàn)登錄
微信小程序頁(yè)面畫(huà)好后,需要開(kāi)始做一系列和用戶的交互功能了,首先就是登錄,這篇文章主要給大家介紹了關(guān)于微信小程序如何實(shí)現(xiàn)登錄的相關(guān)資料,需要的朋友可以參考下2022-07-07webpack使用及如何搭建cesium三維地球環(huán)境
這篇文章主要介紹了webpack快速上手之搭建cesium三維地球環(huán)境,本文使用的是webpack5,webpack5 升級(jí)后默認(rèn)是不支持polyfill的,編譯時(shí)會(huì)報(bào)錯(cuò),本文主要介紹了Cesium以及Webpack的使用,如何將Cesium一步步地集成到Webpack中,需要的朋友可以參考下2023-11-11解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問(wèn)題
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09JS 驗(yàn)證密碼 不能為空,必須含有數(shù)字、字母、特殊字符,長(zhǎng)度在8-12位
這篇文章主要介紹了JS 驗(yàn)證密碼 不能為空,必須含有數(shù)字、字母、特殊字符,長(zhǎng)度在8-12位的相關(guān)資料,需要的朋友可以參考下2017-06-06JS實(shí)現(xiàn)超級(jí)好看的鼠標(biāo)小尾巴特效
這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)超級(jí)好看的鼠標(biāo)小尾巴特效的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12使用bootstrap實(shí)現(xiàn)多窗口和拖動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了使用bootstrap實(shí)現(xiàn)多窗口和拖動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09javascript仿php的print_r函數(shù)輸出json數(shù)據(jù)
輸出json數(shù)據(jù),php的print_r函數(shù)可以輕松實(shí)現(xiàn),下面為大家介紹下javascript也可以模仿print_r函數(shù)輸出json數(shù)據(jù),具體實(shí)現(xiàn)如下,感興趣的朋友可以了解下2013-09-09Javascript 拖拽雛形中的一些問(wèn)題(逐行分析代碼,讓你輕松了拖拽的原理)
這篇文章主要介紹了Javascript 拖拽雛形中的一些問(wèn)題(逐行分析代碼,讓你輕松了拖拽的原理),需要的朋友可以參考下2015-01-01