上传base64图片 express.js 保存后无法正确显示图片

在使用Express.js处理Base64编码的图片上传时，可能会遇到图片无法正确显示的问题。这通常是因为以下几个原因：

1. **文件路径问题**：你需要确保将Base64解码后的图片数据保存到正确的文件系统位置，并设置响应头`Content-Type`指向正确的MIME类型，如`image/jpeg`或`image/png`。

2. **文件名生成**：在保存文件时，需要正确地命名和存储文件，包括扩展名。例如，如果你只接收了`data:image/jpeg;base64,...`格式的数据，保存时应以`.jpeg`或`.jpg`结尾。

3. **中间件配置**：可能需要设置合适的中间件，如`express.static`来提供静态文件访问，使得浏览器能够从指定目录加载图片。

4. **服务器返回**：确保服务器在响应请求时返回正确的HTTP状态码，比如200 OK，并包含完整的图片URL，而不是直接读取文件内容。

5. **跨域问题**：如果图片要在跨域环境下显示，可能需要设置相应的CORS策略允许跨源访问。

修复这类问题的一个示例代码片段可能如下：

app.post('/upload', (req, res) => {
  const fileData = req.body.data; // 假设Base64数据在body中
  const decodedData = Buffer.from(fileData, 'base64');
  
  fs.writeFile('uploads/' + uuidv4() + '.jpg', decodedData, 'binary', (err) => {
    if (err) return res.status(500).send(err);

    // 设置正确的响应头
    res.set('Content-Type', 'image/jpeg');
    res.sendFile(`uploads/${uuidv4()}.jpg`);
  });
});