asp.net在线预览txt文件(简单实现)

最近在做文件的在线预览，发现txt文件没有一个较好的方法去实现，想了想可能是比较简单就直接在后台输出了

txt文件

1.第一次后台直接输出

效果如我所料

后台的一些符合和html符号都没有输出

2.想到用HTML <pre> 标签实现

效果：

不错，基本格式都已经有了，但html仍不是我想要的结果

3.考虑替换想html字符

注：只需要替换一个字符即可，我这里替换<

效果：

恩不错，就是这个效果

源码

 1         /// <summary>
 2         /// 初始化页面
 3         /// </summary>
 4         /// <param name="fileUrl">文件路径</param>
 5         public void InitPage(string fileUrl)
 6         {
 7             //获取文件绝对路径
 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             //关闭流
20             sr.Close();
21             //输出(采用PRE标签来格式化文本，转换原文本中的html字符，只需要转换一个字符即可，这里我们转换<字符，就可以显示原格式和原文本内容)
22             Response.Write(string.Format("<PRE class='txt-content'>{0}</PRE>", outData.Replace("<", "&lt;")));
23         }

源码

简单实现~

小技巧：加上此css后，pre标签中的内容会自动换行，不会出现滚动条

/*使内容自动换行*/pre {white-space: pre-wrap;word-wrap: break-word;}

转载于:https://www.cnblogs.com/feigao/p/5464591.html

asp.net在线预览txt文件(简单实现)相关推荐

html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
html 在线预览pdf功能,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript 翻来覆去找到两种办法 ,最后采用了jquery.media.js插 ...
android 在线预览pdf文件
android原生webView不支持预览pdf文件,ios却可以,所以android想要实现在线预览webView要通过其他方法,有以下几种方法: 1.andorid原生自带的pdf管理库,主要提供 ...
如何在html中在线预览pdf文件？
方法1:使用 jquery js 库 1.引入 jquery-3.1.1.min.js 和 jquery.media.js 两个js文件,下载保存到本地下载连接:jquery-3.1.1.min.j ...
Vue-pdf实现在线预览PDF文件
前言在大多数项目中都会遇到在线预览PDF文件,项目使用的是element ui,使用vue-pdf实现. 安装依赖 npm install --save vue-pdf 相关参数参数介绍: url ...
在线预览office文件
通过微软公开的api接口,将文档的URL传入即可实现在线预览office文件,而不需要去下载文件. 同时,若是想做提供预览office办公软件的服务,直接调用接口即可,无需利用openoffice或者 ...
uniapp在线预览pdf文件
公司要求uniapp打包的h5和app都要能在线预览pdf文件.最开始是想找uniapp的插件,去插件市场搜了下,没得几个插件可用,且需要收费,所以直接用的pdf.js插件实现,在h5以及h5打包的a ...
网页中实现安卓手机在线预览PDF文件
写在前面:本文为转载,原文链接:https://blog.csdn.net/super_DuoLa/article/details/90207965原文链接苹果手机可以直接在线预览PDF文件,而安卓 ...

asp.net在线预览txt文件(简单实现)

asp.net在线预览txt文件(简单实现)相关推荐

最新文章

热门文章