如何在Next.js后端无需禁用bodyParser与第三方库的情况下读取JSON文件

嘿，我懂你不想依赖第三方库的想法——既然已经能从req.body里看到上传的JSON内容了，那确实可以手动解析出来，完全不需要multer或者Formidable！

核心思路就是直接处理multipart/form-data的原始内容，把其中的JSON部分提取出来就行，下面是具体的实现步骤和代码：

前端上传代码（你的原有代码，格式化后） #

<input 
  type="file" 
  onChange={async e => { 
    const body = new FormData(); 
    body.append('english', e.target.files[0]); 
    const res = await fetch(`/api/shaykh/english/add`, { 
      method: 'PUT', 
      body 
    }); 
  }} 
/>

修改后的API路由处理代码 #

async function handler(req, res) {
  // 从请求头获取multipart分隔符（boundary）
  const contentType = req.headers['content-type'];
  if (!contentType?.includes('multipart/form-data')) {
    return res.status(400).json({ error: 'Invalid content type' });
  }
  const boundary = contentType.split('boundary=')[1];

  // 将原始body转为字符串
  const bodyStr = req.body.toString();

  // 按分隔符拆分内容块
  const parts = bodyStr.split(`--${boundary}`);
  
  // 找到对应name="english"的文件块
  const filePart = parts.find(part => part.includes('name="english"'));
  
  if (!filePart) {
    return res.status(400).json({ error: 'No "english" file found in request' });
  }

  // 提取纯JSON内容：跳过文件头，取后面的有效内容
  const contentSegments = filePart.split('\r\n\r\n');
  if (contentSegments.length < 2) {
    return res.status(400).json({ error: 'Invalid file content' });
  }
  const rawJson = contentSegments[1].trim();
  
  // 解析JSON并处理可能的错误
  let parsedJson;
  try {
    parsedJson = JSON.parse(rawJson);
  } catch (parseErr) {
    return res.status(400).json({ error: 'Uploaded file is not valid JSON' });
  }

  // 现在你就可以用parsedJson做任何后端处理了
  console.log('Successfully parsed JSON:', parsedJson);
  res.status(201).json({ success: true, data: parsedJson });
}

export default handler;

// 可选：设置bodyParser的大小限制（根据你的JSON文件大小调整）
export const config = {
  api: {
    bodyParser: {
      sizeLimit: '2mb', // 比如允许最大2MB的文件
    },
  },
};

关键细节说明 #

• Boundary处理：multipart/form-data用一个唯一的边界字符串分隔不同的表单字段，我们从Content-Type头里拿到这个边界，就能拆分出各个内容块。
• 内容提取：每个文件块前面会有一段描述头（比如文件名、Content-Type），我们通过拆分换行符跳过这段头，就能拿到纯JSON字符串。
• 错误处理：加了几层错误判断，比如请求类型不对、找不到目标文件、JSON解析失败等，避免后端崩溃。

当然要提醒你：这种手动解析的方式适合单一JSON文件上传的简单场景，如果以后需要处理多文件、复杂表单字段，或者担心边界字符冲突的问题，还是建议用成熟的第三方库。但就你当前的需求来说，这个方案完全够用，而且不需要额外依赖！

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