带有本地文件内容的本地html页面
我的机器上有一堆简单的纯文本文件，里面有关于我学习的各种主题的笔记。我决定用一些css做一个本地html页面，作为快速和简单的和css美化的视图到这些文件中，并使用浏览器来显示它们。所以我有一个页面看起来是这样的。
<html>
...
<body>
<ul ...>
<li> <a href="C:/.../Note1.txt">Note1</a> </li>
<li> <a href="C:/.../Note2.txt">Note2</a></li>
...
<li> <a href="C:/.../NoteN.txt">NoteN</a></li>
</ul>
<div name="content_box" ...> </div>
</body>
</html>
很明显，单击链接会将我引导到文本文件，但我希望它以css样式显示，所以我认为解决这个问题的方法是获取这些本地文件，并使用onclick事件将它们放入content_box div中，禁用默认事件或将标记交换为其他标记。问题是我不知道如何在原生js中读取本地文件？我阅读了这个问题，我得到的是让javascript访问本地文件是一个安全问题，我理解为什么会这样，但是没有解决这个问题的简单方法吗？如果我想要的只是在样式化框中显示的纯文本内容，我是否必须编写一些程序来将我的便笺文件转换为网页？
共有1个答案
如果你想做这样的事情，你就得做些改变。如前所述,您不能从另一个本地文件中获取本地文件的内容；这确实是一个安全问题。
一种可能是自己把它放在服务器上。将文件放在服务器上的一个静态文件夹中，然后在服务器上创建一个页面，该页面可以对那些文件发出XMLHttpRequest（或fetch）请求并显示它们。
如果您没有web服务器，或者不希望它在internet上，您可以安装一个本地服务器--例如，使用Express和一个静态目录：
.use(express.static(path.join(process.cwd(), '/public')))
然后，您可以将文件放入文件系统的public目录中，并且可以从页面中提取这些文件。您可以使用类似于http://localhost:3000/的URL导航到此页面（检查您的Express配置以查看/更改端口）。
-
问题内容： 根据Same OriginPolicy，SOP不应应用于file：//协议，但是为什么我的代码不起作用？我正在从本地系统运行此测试页面，并且与html页面位于同一目录中。如果我将URL更改为http://www.google.com/，它也无法正常工作。我不明白为什么，有人可以解释吗？ 编辑： 控制台打印如下： XMLHttpRequest无法加载文件：/// C：/Users/yc/
-
问题内容： 在android中，我使用WebView来显示我使用Apache的HttpClient从互联网上获取的网页的一部分。为了只包含我想要的html部分，我使用了Jsoup。 现在，我可以加载WebView并显示它。现在，我想将此页面链接到存储在我的Assets文件夹中的CSS文件。我知道我可以有类似的东西 在我的html中，但是如何链接它，所以它使用了我本地存储的那个？ -–编辑— 我现在
-
问题内容： 在我的一个Java控制台应用程序中，我正在动态创建html页面。现在，我想使用默认的Web浏览器打开它。你们能帮我解决这个问题吗？ 问题答案： 摇摆 SWT 摘自In Eclipse插件，如何使用系统浏览器启动WebURL？ 假设您有一个要打开的文件。
-
我有html页面，我定义我的风格为代码在头： 它用于发送时事通讯。然后我必须在另一个页面的文本区域内呈现这个超文本标记语言页面。到目前为止一切都好。 当我将代码呈现到TextArea时，将其保存到数据库后，我在主页上破坏了css。所发生的是，它将在textarea中找到的css添加到主页面。这是它添加到标题中的标记。 有人能帮我避免吗？非常感谢！
-
X1.0新增 sp_content_page($content,$pagetpl') 功能： 对文本内容进行分页处理，返回当前页的内容，和分页html 参数： $content:要处理的文本内容；里面含有百度编辑器的分页标记; $pagetpl:分页模板；默认值{first}{prev}{list}{next}{last} 返回： 类型数组 array( "content"=>"",//
-
我正在尝试使用WebView显示包含表的本地超文本标记语言文件。但是，当我使用WebView在线检查网站时，它运行良好，问题是当我尝试使用本地超文本标记语言文件时。 这是代码的webView部分： 我用一个在线主机测试了这个HTML文件，它工作得很好：