如何在Node.js中使用Multer上传图片并配置目标URL路径

首先要明确：Multer的diskStorage是用于配置本地磁盘存储路径的，你给出的http://localhost:8000/uploads/image.png是文件的访问URL，不是本地存储路径，不能直接填到destination里。

正确的实现分两部分：配置本地存储路径，再通过后端框架映射访问URL。

1. 修正Multer存储配置 #

先把存储路径改成本地目录（比如项目根目录下的uploads文件夹），同时修正代码里的拼写错误（stroge→storage，uplode→upload），还要合理生成文件名避免覆盖：

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

// 配置本地磁盘存储
const storage = multer.diskStorage({
  // 本地存储目录：项目根目录下的uploads文件夹
  destination: function(req, file, cb) {
    // 确保uploads目录存在，不存在需提前创建，否则Multer会报错
    cb(null, path.join(__dirname, 'uploads'));
  },
  // 生成唯一文件名，避免文件覆盖
  filename: function(req, file, cb) {
    // 用时间戳+原文件名后缀，示例：1718000000000-image.png
    const uniqueSuffix = Date.now() + '-' + Math.round(Math.random() * 1E9);
    cb(null, `${uniqueSuffix}-${file.originalname}`);
    // 若要固定文件名是image.png，可直接写：cb(null, 'image.png')，但新文件会覆盖旧文件
  }
});

const upload = multer({ storage: storage });

2. 配置静态文件服务（以Express为例） #

在后端框架（比如Express）中，把本地uploads目录映射到/uploads路径，这样就能通过http://localhost:8000/uploads/xxx.png访问上传的文件：

const express = require('express');
const app = express();

// 静态文件服务：访问http://localhost:8000/uploads/xxx.png时，读取本地uploads目录下的对应文件
app.use('/uploads', express.static(path.join(__dirname, 'uploads')));

// 启动服务
app.listen(8000, () => {
  console.log('Server running on http://localhost:8000');
});

补充说明 #

• 必须提前创建本地uploads目录，否则Multer会抛出文件不存在的错误；
• 如果想把文件存储到远程服务器（比如云存储），不能用diskStorage，需要使用Multer的自定义存储引擎或者对应云服务商的上传SDK。

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