如何在浏览器中预览.msg文件？求类似谷歌文档查看器的嵌入方案

要实现类似谷歌文档查看器的iframe嵌入预览.msg文件效果，你有几个靠谱的方案可以尝试，下面我会逐一拆解：

方案1：基于JavaScript库搭建自托管预览服务 #

可以用开源的JavaScript邮件解析库（比如msgreader）来直接在后端或前端解析.msg文件，然后渲染成可嵌入的HTML页面。这种方案完全可控，不需要依赖第三方服务。

实现步骤： #

1. 搭建基础Web服务（以Node.js/Express为例）：
   先创建一个简单的服务来处理.msg文件的请求，读取服务器上的文件并解析。

   const express = require('express');
   const fs = require('fs');
   const { MsgReader } = require('msgreader'); // 确保已安装该库
   const app = express();
   
   app.get('/preview-msg', (req, res) => {
     const filePath = req.query.file; // 从请求参数获取.msg文件路径，注意做权限校验！
     try {
       const fileBuffer = fs.readFileSync(filePath);
       const msgReader = new MsgReader(fileBuffer);
       const emailData = msgReader.getEmailData();
   
       // 渲染解析后的邮件内容为HTML
       const previewHtml = `
         <!DOCTYPE html>
         <html>
         <head>
           <title>邮件预览</title>
           <style>
             .email-header { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
             .email-body { white-space: pre-wrap; }
           </style>
         </head>
         <body>
           <div class="email-header">
             <h3>主题: ${emailData.subject || '无主题'}</h3>
             <p>发件人: ${emailData.from || '未知'}</p>
             <p>收件人: ${emailData.to?.join(', ') || '未知'}</p>
             <p>发送时间: ${emailData.date?.toLocaleString() || '未知'}</p>
           </div>
           <div class="email-body">${emailData.body || '无内容'}</div>
         </body>
         </html>
       `;
       res.send(previewHtml);
     } catch (err) {
       res.status(500).send('无法解析该.msg文件');
     }
   });
   
   app.listen(3000, () => console.log('预览服务运行在3000端口'));
   

2. 在iframe中嵌入预览：
   现在你可以用iframe指向这个服务的接口，传入.msg文件的路径：

   <iframe src="http://你的服务器地址:3000/preview-msg?file=/path/to/your/emailexample.msg" style="width:500px; height:500px;" frameborder="0"></iframe>
   

注意：一定要对file参数做严格的权限校验，防止路径遍历攻击，比如限制只能访问指定目录下的文件。

方案2：后端转换为HTML/PDF后预览 #

如果需要更完善的格式支持（比如复杂的富文本、附件展示），可以先在后端把.msg文件转换为HTML或PDF，再用iframe加载转换后的文件。

实现步骤： #

1. 使用命令行转换工具：
   可以用msgconvert（基于Perl的工具）或者libpst这类开源工具，在后端调用命令行完成转换。比如用msgconvert把.msg转成HTML：

   msgconvert --html output.html input.msg
   

2. 后端封装转换接口（以Express为例）：

   const express = require('express');
   const { execSync } = require('child_process');
   const fs = require('fs');
   const path = require('path');
   const app = express();
   
   app.get('/convert-and-preview', (req, res) => {
     const filePath = req.query.file;
     const outputPath = path.join(__dirname, 'temp', `${Date.now()}.html`);
     try {
       // 调用msgconvert转换文件
       execSync(`msgconvert --html ${outputPath} ${filePath}`);
       // 返回转换后的HTML
       res.sendFile(outputPath);
     } catch (err) {
       res.status(500).send('转换.msg文件失败');
     } finally {
       // 可以设置定时清理临时文件
       setTimeout(() => fs.unlinkSync(outputPath), 3600000);
     }
   });
   
   app.listen(3000);
   

3. iframe嵌入：
   和方案1类似，iframe指向转换接口即可：

   <iframe src="http://你的服务器地址:3000/convert-and-preview?file=/path/to/your/emailexample.msg" style="width:500px; height:500px;" frameborder="0"></iframe>
   

关键注意事项 #

• 格式兼容性：.msg文件是Outlook专有格式，不同版本的.msg可能包含不同的内容（比如内嵌图片、附件、RTF格式），选择成熟的解析/转换工具能减少兼容性问题。
• 性能优化：对于大文件，转换或解析可能耗时，可以考虑加入缓存机制，避免重复处理相同文件。
• 安全问题：务必做好文件路径的权限校验，禁止访问服务器上的敏感文件；同时注意处理恶意.msg文件可能带来的安全风险。

内容的提问来源于stack exchange，提问作者Fabian Montoya