Express+Multer文件上传问题：如何存储及获取文件访问URL？

存储方式选择 #

直接将文件存储到本地uploads文件夹是远优于base64存数据库的方案——base64会让文件体积膨胀约30%，且数据库读取、解析的性能开销远大于直接读取静态文件，完全不适合文件存储场景。

上传文件的访问配置与URL规则 #

你需要给Express添加静态资源服务中间件，把uploads文件夹暴露为可通过HTTP访问的静态资源目录，具体操作如下：

1. 添加静态资源中间件
   在你的Express项目入口文件（比如app.js或server.js）中加入以下代码：

const express = require('express');
const app = express();
// 关键：将本地uploads文件夹映射到/uploads路由前缀
app.use('/uploads', express.static('uploads'));

// 你的其他业务路由配置（比如/api/product/all）
app.use('/api/product', require('./routes/product'));

如果uploads文件夹不在项目根目录，要用绝对路径避免路径问题：

const path = require('path');
app.use('/uploads', express.static(path.join(__dirname, 'uploads')));

2. 访问URL规则
   假设你上传的文件名为sample.png，且Multer已将文件正确保存到uploads文件夹下，那么访问该文件的完整URL就是：
   https://example.com/uploads/sample.png

注意事项 #

• 确保Multer的存储配置指向同一个uploads文件夹，比如Multer的基础配置：

const multer = require('multer');
const upload = multer({ dest: 'uploads/' }); // 这里的dest要和静态服务的文件夹一致

• 不要将静态资源挂载在/api这类业务路由下，保持静态资源路由独立更符合HTTP规范，也便于后续CDN等扩展。

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