Question

我在从客户端提供图像时遇到了问题，该图像已通过multer保存到diskStorage。我下面有multer代码来处理图像文件。

// image_upload.js
const storage = multer.diskStorage({
    destination: (req, file, cb) => {
        cb(null, '../../../adminpanel/src/0000001');
    },
    filename: (req, file, cb) => {
        const newFilename = `${uuidv4()}${path.extname(file.originalname)}`;
        cb(null, newFilename);
    }
});

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

该代码之后，我将文件名保存在数据库中。然后，将以下代码添加到我的主要express文件中，以在我的React代码中调用该图片时加载该图片。

// app.js
app.use(express.static(path.join(__dirname, '../adminpanel/src/0000001')));

当我在客户代码中映射我的（项目）时，我会加载文件名，并且它应该加载图像资源。

// client
<img src={item.Photo} alt={item.Photo} />

但是图像无法加载。我在GET映像上收到404错误代码，因此好像没有该错误或服务器无法在客户端上加载它们？

Answer 1

我遇到了同样的问题，但是我发现，如果您使用express.static（...），那是不对的。 M

404对React中的图片文件调用的响应，通过Multer / Express上传

1 个答案: