最近在做文件的在線預(yù)覽，發(fā)現(xiàn)txt文件沒(méi)有一個(gè)較好的方法去實(shí)現(xiàn)，想了想可能是比較簡(jiǎn)單就直接在后臺(tái)輸出了

txt文件

?

1.第一次后臺(tái)直接輸出

效果如我所料

后臺(tái)的一些符合和html符號(hào)都沒(méi)有輸出

2.想到用HTML <pre> 標(biāo)簽實(shí)現(xiàn)

效果：

不錯(cuò)，基本格式都已經(jīng)有了，但html仍不是我想要的結(jié)果

3.考慮替換想html字符

注：只需要替換一個(gè)字符即可，我這里替換<

效果：

恩不錯(cuò)，就是這個(gè)效果

?

源碼

1 /// <summary> 2 /// 初始化頁(yè)面 3 /// </summary> 4 /// <param name="fileUrl">文件路徑</param> 5 public void InitPage(string fileUrl) 6 { 7 //獲取文件絕對(duì)路徑 8 string fileUrl_jd = System.Web.HttpContext.Current.Server.MapPath(fileUrl); 9 string outData = ""; 10 if (!File.Exists(fileUrl_jd)) 11 { 12 return; 13 } 14 15 //存在則讀取 16 17 StreamReader sr = new StreamReader(fileUrl_jd, System.Text.Encoding.Default); 18 outData = sr.ReadToEnd(); 19 //關(guān)閉流 20 sr.Close(); 21 //輸出(采用PRE標(biāo)簽來(lái)格式化文本，轉(zhuǎn)換原文本中的html字符，只需要轉(zhuǎn)換一個(gè)字符即可，這里我們轉(zhuǎn)換<字符，就可以顯示原格式和原文本內(nèi)容) 22 Response.Write(string.Format("<PRE class='txt-content'>{0}</PRE>", outData.Replace("<", "&lt;"))); 23 } 源碼

簡(jiǎn)單實(shí)現(xiàn)~

小技巧：加上此css后，pre標(biāo)簽中的內(nèi)容會(huì)自動(dòng)換行，不會(huì)出現(xiàn)滾動(dòng)條

/*使內(nèi)容自動(dòng)換行*/pre {white-space: pre-wrap;word-wrap: break-word;}

?

轉(zhuǎn)載于:https://www.cnblogs.com/feigao/p/5464591.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的asp.net在线预览txt文件(简单实现)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。