2013-10-11 47 views
9

我想在服务器上存储的HTML页面(.rtf,.txt,.log,...)中显示文本文件的内容。在html中嵌入文本文件

我试过embed但似乎不起作用。

<embed src="/path_to_text_file/text.rtf" width="500" height="300"> 

有一个“简单”的方法(或标签)要做到这一点,或者我应该扫描的内容,并打印出来,例如jQuery的?

+0

使用对象而不是 – Dvir

+0

@Dvir与对象会自动开始下载,而不显示我的文件 – damoiser

+0

你的意思是嵌入或包含的内容? RTF或纯文本?不同的东西。 –

回答

5

使用$阿贾克斯()函数与.append()功能可以轻松获取文本文档的内容并将其显示在页面上。沿着你在下面看到的内容。在页面加载时进行此操作,以立即将文件加载到页面的其余部分。

$.ajax({ 
     async:false, 
     url: 'folder/file.txt', 
     dataType: 'text', 
     success: function(data) 
     { 
     $('element').append(data); 
      } 
     }); 

玩弄它一点点,以获得您正在寻找的正确结果。你也可以使用PHP,但除非你真的需要解析数据,否则PHP在这种情况下有点矫枉过正。

+0

+1有点复杂,但它的工作原理;) – damoiser

+0

这是包含,而不是嵌入。也许真正想要的是什么,但不是被问到的。 –

+0

对不起damoiser,但很高兴它适合你。你也可以使用$ .get()请求,我只是想给你提供原始的ajax请求,它有更多的选项可以控制。 –

1

仅适用于插件内容(flash等)。 尝试使用ajax获取内容,然后用document.write写入; 还是在后端语言(PHP,ASP等)使用include标签

+0

+1给我正确的工作方向,Keith V赢得最佳答案,因为他给了我一个比你的更完整的解决方案 – damoiser

6

像这样的东西应该这样做:

<object data="/path_to_text_file/text.txt" type="text/plain" 
width="500" style="height: 300px"> 
<a href="/path_to_text_file/text.txt">No Support?</a> 
</object> 
+0

与Chrome不幸并不起作用,似乎自动启动下载而不显示内容 – damoiser

+0

代码发布效果很好。 RTF文件的类似代码可能不会。 –

+0

@ JukkaK.Korpela用.rtf文件测试 – damoiser

-3

只需使用php。将html格式更改为php并使用

echo file_get_contents(“name_of_the_file.txt”);

那样简单。 您必须使用php,因为您必须在服务器端输出文本,除非信息不会显示给客户端。

我认为是最简单的方法来做你想做的。

+1

我不认为我必须使用像PHP,ASP,AngularJS这样的服务器端语言编程,..确定它更容易,但我的问题是如何在客户端实现这一点。请参阅接受的解决方案 – damoiser

-3

我发现将HTML5代码插入网站的最佳方法是将代码保存到新的文本文档中并使用该文档进行嵌入。然后你可以使用css和div格式化代码。

+2

使用* what *嵌入该文档 – dwilliss