js 预览fastadmin本地上传office文档

在FastAdmin这个PHP后台管理系统中，预览本地上传的Office文档（如Word、Excel或PowerPoint文件）通常需要借助一些前端库来实现，因为直接在浏览器上处理这些文件可能会有安全风险。一个常用的方法是使用HTML5的FileReader API配合第三方库如Office.js。

以下是简单的步骤：

1. 首先，在前端HTML页面中添加一个input元素，允许用户选择文件进行上传：

<input type="file" id="file-input" accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx">

2. 使用JavaScript获取文件并读取其内容：

document.getElementById('file-input').addEventListener('change', function(e) {
    var file = e.target.files[0];
    if (file.type.match(/(\.doc|\.docx|\.xls|\.xlsx|\.ppt|\.pptx)$/i)) {
        previewDocument(file);
    } else {
        alert('只支持Office文档');
    }
});

function previewDocument(file) {
    var reader = new FileReader();
    reader.onload = function(e) {
        // 使用Office.js解析数据
        officegen.showAsBinaryContent(reader.result).then(function(content) {
            // 创建一个隐藏的iframe显示文档
            var iframe = document.createElement('iframe');
            iframe.srcdoc = content;
            iframe.style.display = 'none';
            document.body.appendChild(iframe);
        });
    };
    reader.readAsDataURL(file);
}

这里假设你已经引入了`officegen`这样的库来处理Office文档转换为可展示的内容。