JS：提交HTML文件并在div中放置文件代码

Question

基本上我正在寻找的是用户点击时上传html文件的方式 <input type="file"/>按钮。

当用户选择HTML文件时，我想获取HTML代码并将其放在div中。这可以在没有服务器端语言的情况下完成吗？

Answer 1

使用javascript您无法浏览客户端磁盘文件。但是你的情况是可能的。请检查以下完全符合您要求的stackover问题。请参考Paolo Moretti回答。 这是链接：How to open a local disk file with Javascript?

由于您只想浏览/上传HTML文件，请在您的输入文件类型中添加“接受”，如下所示：

<input type="file" accept="text/html"/>

在HTML5中，您可以使用文件扩展名作为接受，如下所示：

<input type="file" accept=".html"/>