Angular 4 + Node.js（Multer）图片上传无报错但文件未存入文件夹

嘿，我帮你捋捋这个文件上传没落地的问题——这种情况十有八九是前端FormData没构造对，或者后端Multer的配置有小疏漏，咱们一步步排查：

首先看你的fileChange方法，大概率是FormData的构造或传递出了问题：

1. 你得实例化FormData对象，而不是直接传FormData构造函数，还要把选中的文件append进去，注意前后端的字段名必须完全一致：

fileChange(event: any) {
  // 先拿到选中的文件
  const selectedFile = event.target.files[0];
  if (!selectedFile) return;

  // 实例化FormData并添加文件
  const formData = new FormData();
  formData.append('uploadedFile', selectedFile); // 这个键名要和后端Multer接收的字段名对应！

  // 发送请求，注意不要手动设置Content-Type
  this.http.post('http://localhost:3000/api/doc/uploadfile', formData, { headers: this.headerss })
    .map((res: Response) => {
      const data = res.json();
      console.log(data);
      return data;
    })
    .catch(error => {
      console.error('上传失败:', error);
      throw error;
    })
    .subscribe();
}

2. 检查请求头：不要手动设置Content-Type: multipart/form-data，Angular会自动根据FormData生成带boundary的正确请求头，手动设置反而会让后端解析失败。所以你的headerss里要删掉这个配置。

接下来看Node.js端的Multer配置，这也是常见的坑点：

1. 确保存储路径存在且有写入权限：Multer不会自动创建不存在的文件夹，所以先手动创建目标文件夹（比如./uploads），还要保证Node进程有写入权限（Linux/macOS可以用chmod 755 uploads调整权限）。
2. 正确配置Multer的存储和字段名：

const multer = require('multer');
const path = require('path');

// 配置磁盘存储
const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    // 用绝对路径更稳妥，避免相对路径的问题
    const uploadPath = path.join(__dirname, '../uploads');
    cb(null, uploadPath);
  },
  filename: (req, file, cb) => {
    // 加时间戳避免文件名重复
    cb(null, `${Date.now()}-${file.originalname}`);
  }
});

// 初始化Multer，指定接收的字段名要和前端一致
const upload = multer({ storage: storage });

// 路由里要正确使用Multer中间件
router.post('/api/doc/uploadfile', upload.single('uploadedFile'), (req, res) => {
  // 先打印req.file看看有没有接收到文件
  console.log('接收到的文件:', req.file);
  
  if (!req.file) {
    return res.status(400).json({ message: '未接收到文件，请检查字段名是否匹配' });
  }

  res.json({ message: '上传成功', fileInfo: req.file });
});

• 打开浏览器F12的Network标签，查看POST请求的Form Data，确认里面确实包含了上传的文件；
• 看后端控制台的req.file输出，如果是undefined，那肯定是前后端字段名不匹配，或者前端没传对FormData；
• 确认目标文件夹的路径和代码里配置的一致，避免相对路径导致的找不到文件夹问题。

内容的提问来源于stack exchange，提问作者J. Davidson