Node.js应用因req.files为null崩溃，如何处理用户不新增图片场景？

问题原因 #

当用户未上传新图片时，req.files会是null，直接访问req.files.newImages会触发TypeError: Cannot read property 'newImages' of null，导致应用崩溃。

解决方案 #

核心是先判断req.files是否存在，再读取目标字段，同时处理express-fileupload单张/多张图片的格式差异：

方案1：使用可选链操作符（推荐，ES2020+）

可选链会在req.files为null或undefined时直接返回undefined，避免报错：

routes.put("/edit-product", (req, res) => {
   const newImages = req.files?.newImages;
   // 统一转成数组，不管单张还是多张都能统一处理
   const imagesToProcess = newImages ? (Array.isArray(newImages) ? newImages : [newImages]) : [];
   
   console.log(imagesToProcess);
   // 有图片则处理上传逻辑，无图片则跳过
});

方案2：传统条件判断（兼容低版本Node.js）

如果你的Node.js版本不支持可选链，用普通条件判断：

routes.put("/edit-product", (req, res) => {
   let imagesToProcess = [];
   
   if (req.files && req.files.newImages) {
       // 单张图片时req.files.newImages是对象，多张是数组，统一转数组
       imagesToProcess = Array.isArray(req.files.newImages) ? req.files.newImages : [req.files.newImages];
   }
   
   console.log(imagesToProcess);
   // 后续业务逻辑处理
});

补充说明 #

express-fileupload的特性：上传单张图片时req.files.newImages是单个文件对象，上传多张时是文件对象数组，统一转成数组能让后续逻辑更简洁，无需区分两种情况。

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