java - 在浏览器中预览本地 html 文件

Question

我有一个网页，用户可以在其中上传文件。他可以使用 <t:inputFileUpload> 选择要上传的文件jsf标签。(此标签类似于带有 type="file" 的标准 HTML 输入标签)。

我想添加预览功能。

当用户选择一个文件(例如:html 文件)时，他可以预览他的 html 本地文件。

我知道浏览器的安全限制原因存在“问题”。

我的第一个解决方案是将文件从用户本地计算机加载到服务器，然后在服务器上建立到该文件的链接。问题是我的服务器有风险，也许这个文件已损坏......

有人对这个 future 有想法和解决方案吗？

Answer 1

这是一个简单的 JSFiddle显示 html 文件的预览。我根据找到的教程创建了它 here .

代码中对您最有用的部分如下

var f = // uploaded file.
var reader = new FileReader();
// Closure to capture the file information.
reader.onload = (function(theFile) {
    return function(e) {
         // Render the file.
         $("#preview").html(e.target.result);
    };
})(f);

// Read in the html file as text.
reader.readAsText(f);

这使用 HTML5 FileReader 读取和显示 html 文件的内容。