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

Question

我有一个用户可以上传文件的网页。他可以用标签选择要上传的文件<t:inputFileUpload> jsf。（这个标签就像标准的HTML输入标签一样type="file"）。

我想添加预览功能。

当用户选择一个文件（例如：html文件）时，他可以预览他的 html 本地文件。

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

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

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

Answer 1

这是一个显示文件预览的简单JSFiddlehtml。我从这里找到的教程创建了它。

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

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);

这使用 HTML5FileReader来读取和显示html文件的内容。