如何在浏览器中直接预览doc/txt/enc文件 避免访问时自动下载

访问自有服务器上doc/txt/enc格式文件时浏览器自动下载、无法直接预览，本质是服务端响应头未正确标记文件类型，只要将对应文件的响应头配置为Content-Type: text/plain; charset=utf-8，同时取消强制下载标记，就能实现浏览器直接展示纯文本内容的效果。

核心配置要求 #

所有服务端环境都需要确保两个响应头配置正确：

• Content-Type: text/plain; charset=utf-8：告知浏览器当前返回内容为纯文本，使用utf-8编码解析
• Content-Disposition: inline：告知浏览器直接在页面内展示内容，不要触发下载行为

常见服务端配置示例 #

Nginx #

找到站点对应的配置文件，在server块或匹配静态资源的location块中添加以下规则：

# 匹配doc、txt、enc后缀的文件
location ~* \.(doc|txt|enc)$ {
    add_header Content-Type "text/plain; charset=utf-8" always;
    add_header Content-Disposition "inline" always;
}

配置完成后执行nginx -s reload重载配置即可生效。

Apache #

可以直接修改主配置文件httpd.conf，也可以在文件存放目录下的.htaccess文件中添加规则：

<FilesMatch "\.(doc|txt|enc)$">
    ForceType 'text/plain; charset=utf-8'
    Header set Content-Disposition "inline"
</FilesMatch>

修改完成后重启Apache服务生效。

Node.js（Express框架） #

在静态资源处理中间件前添加响应头设置逻辑：

const path = require('path');
app.use((req, res, next) => {
  const fileExt = path.extname(req.path).toLowerCase();
  if (['.doc', '.txt', '.enc'].includes(fileExt)) {
    res.setHeader('Content-Type', 'text/plain; charset=utf-8');
    res.setHeader('Content-Disposition', 'inline');
  }
  next();
});
// 后续再挂载静态资源托管逻辑，例如 app.use(express.static('file-storage'))

配置注意事项 #

• Nginx配置中add_header必须携带always参数，否则状态码非200时响应头不会生效
• 如果服务前端挂载了CDN，配置更新后要主动刷新CDN缓存，避免旧的下载响应头持续返回
• 如果链路中存在反向代理、网关层服务，要确认上层服务没有覆盖上述两个响应头，否则配置不会生效

配置生效后，访问对应格式的文件就会直接在浏览器页面内渲染纯文本内容，不会触发自动下载。

内容的提问来源于stack exchange，提问作者Ryan Garde