Node.js直传GCS时如何去除表单边界内容？

方案一：解析Multipart表单后上传纯文件内容 #

你当前的问题是直接把整个multipart请求体传给了GCS，导致带上了表单边界头。用multer（专门处理文件上传的中间件）结合@google-cloud/storage就能解决，它会自动解析表单，提取纯文件内容：

const express = require('express');
const multer = require('multer');
const { Storage } = require('@google-cloud/storage');

const app = express();
const storage = new Storage({ keyFilename: '你的服务账号密钥文件.json' });
const bucket = storage.bucket('你的GCS存储桶名称');

// 用内存存储文件，避免生成本地临时文件
const upload = multer({ storage: multer.memoryStorage() });

// 处理单文件上传接口
app.post('/upload', upload.single('file'), async (req, res) => {
  if (!req.file) {
    return res.status(400).send('请选择要上传的文件');
  }

  const gcsFile = bucket.file(req.file.originalname);
  const writeStream = gcsFile.createWriteStream({
    metadata: {
      contentType: req.file.mimetype,
    },
  });

  writeStream.on('error', err => res.status(500).send(err.message));
  writeStream.on('finish', () => res.status(200).send('文件上传成功'));

  // 写入纯文件缓冲区（无表单边界）
  writeStream.end(req.file.buffer);
});

app.listen(3000, () => console.log('服务器运行在3000端口'));

multer会自动剥离表单边界，req.file.buffer就是纯净的文件内容，直接写入GCS就不会有多余内容了。

方案二：用预签名URL让客户端直接上传GCS（推荐） #

这种方式完全跳过服务器中转，服务器只生成一个临时有效的预签名URL，前端用这个URL直接把文件传到GCS，既不会有表单边界问题，还能减轻服务器压力：

服务器端代码 #

const express = require('express');
const { Storage } = require('@google-cloud/storage');

const app = express();
const storage = new Storage({ keyFilename: '你的服务账号密钥文件.json' });
const bucket = storage.bucket('你的GCS存储桶名称');

// 生成预签名URL的接口
app.get('/get-upload-url', async (req, res) => {
  const { filename, contentType } = req.query;
  if (!filename || !contentType) {
    return res.status(400).send('需要传入filename和contentType参数');
  }

  const gcsFile = bucket.file(filename);
  // 生成有效期15分钟的上传URL
  const [url] = await gcsFile.getSignedUrl({
    action: 'write',
    expires: Date.now() + 15 * 60 * 1000,
    contentType: contentType,
  });

  res.status(200).json({ uploadUrl: url });
});

app.listen(3000, () => console.log('服务器运行在3000端口'));

前端代码示例 #

async function uploadFile() {
  const fileInput = document.getElementById('file-input');
  const file = fileInput.files[0];

  // 先从服务器获取预签名URL
  const res = await fetch(`/get-upload-url?filename=${encodeURIComponent(file.name)}&contentType=${encodeURIComponent(file.type)}`);
  const { uploadUrl } = await res.json();

  // 直接上传到GCS
  await fetch(uploadUrl, {
    method: 'PUT',
    body: file,
    headers: { 'Content-Type': file.type },
  });

  alert('文件上传成功！');
}

手动解析表单（不推荐） #

如果不想用multer，也可以用busboy手动解析multipart表单，提取文件流：

const express = require('express');
const busboy = require('busboy');
const { Storage } = require('@google-cloud/storage');

const app = express();
const storage = new Storage({ keyFilename: '你的服务账号密钥文件.json' });
const bucket = storage.bucket('你的GCS存储桶名称');

app.post('/upload', (req, res) => {
  const bb = busboy({ headers: req.headers });

  bb.on('file', (name, file, info) => {
    const { filename, mimeType } = info;
    const gcsFile = bucket.file(filename);
    const writeStream = gcsFile.createWriteStream({ metadata: { contentType: mimeType } });

    // 直接把文件流 pipe 到GCS
    file.pipe(writeStream);

    writeStream.on('finish', () => res.status(200).send('文件上传成功'));
    writeStream.on('error', err => res.status(500).send(err.message));
  });

  req.pipe(bb);
});

app.listen(3000);

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