NodeJS：Base64转.mov文件后无法播放，触发下载问题

API 探路者

2026-8-25

问题解决：上传的.mov文件无法在线播放而是触发下载

问题核心

你的问题主要源于两个可能的原因：一是服务器返回文件时未设置正确的Content-Type响应头，导致浏览器无法识别为视频资源；二是Base64字符串转文件的过程可能存在无效字符残留。

解决方案

1. 确保Base64字符串写入无误

优化Base64处理逻辑，避免残留空白或无效字符：

var base64DataVideo = req.body.text[5]
  .replace(`data:video/quicktime;base64,`, "")
  .trim(); // 去除首尾可能存在的空白字符
var videoPath = "./public/assets/Videos/" + req.body.text[0].replace(" ", "-") + req.body.number[1] + ".mov";

fs.writeFile(videoPath, base64DataVideo, 'base64', function(err) {
  if (err) console.error(err);
});

验证方式：将服务器生成的.mov文件下载到本地，若本地也无法播放，说明前端传递的Base64字符串存在损坏，需要检查前端转换逻辑。

2. 配置Express静态文件服务的Content-Type头

Express默认静态服务可能未给.mov文件设置正确的MIME类型，导致浏览器触发下载而非播放，手动配置响应头即可解决：

方法1：使用`mime-types`包（推荐）

先安装依赖：

npm install mime-types

再修改Express配置：

const express = require('express');
const mime = require('mime-types');
const app = express();

// 为静态资源设置正确的Content-Type
app.use(express.static('public', {
  setHeaders: (res, filePath) => {
    if (filePath.endsWith('.mov')) {
      const contentType = mime.lookup('.mov') || 'video/quicktime';
      res.setHeader('Content-Type', contentType);
    }
  }
}));

方法2：直接指定MIME类型

无需额外安装包时，可直接设置：

app.use(express.static('public', {
  setHeaders: (res, filePath) => {
    if (filePath.endsWith('.mov')) {
      res.setHeader('Content-Type', 'video/quicktime');
    }
  }
}));