Multer：如何使文件名与数据库中保存的文件名相同

Question

现在我基本上可以只save图像file的name或originalname name ：-

1. 数据库（使用mongoose ）和，
2. image folder

但是这种方法在尝试delete image时会有缺陷。 例如，如果我尝试两次upload相同的image 。 Multer不会在destination location或folder （ /upload ）中再次复制新图像（同一图像）。 因此，如果稍后，我尝试从以下位置删除data ：-（请记住，现在我有两个具有相同图像名称的数据）

1. 数据库（使用mongoose ）
2. 从文件夹/upload删除与数据关联的图像

使用相同图像的其他data将不再有。

因此，我尝试将new Date().toISOString().replace(/[-T:\\.Z]/g, "")放在保存在local folder /upload的图像和mongoDb document的filename上. 但显然这不会起作用，因为这两种情况下生成的date略有不同。

以下是我当前的代码：-

• Multer.js

// Mutler
const multer = require('multer')
// Path
const path = require('path')
// File Remove
const fileRemove = require('fs')

const {
  // File Base FOlder Location
  FILE_BASE_FOLDER_LOCATION = path.resolve(__dirname + '/', '../'),
  // Image Folder Location
  IMAGE_FOLDER_LOCATION = FILE_BASE_FOLDER_LOCATION + '/upload/',
} = process.env

// storage img
const storageImgFile = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, IMAGE_FOLDER_LOCATION)
  },
  filename: (req, file, cb) => {
    // renaming the image file to have the 'date' and the original file name 
    cb(null, new Date().toISOString().replace(/[-T:\.Z]/g, "") + '-' + file.originalname)
  }
})

// filter img types
const filterImgFile = (req, file, cb) => {
  const fileTypes = ['image/png', 'image/jpg', 'image/jpeg']
  
  if(fileTypes.includes(file.mimetype)) cb(null, true)
  else cb('Only .png .jpg and .jpeg format allowed!', false)
}

// Img FIle Upload Middleware
const uploadImgFile = multer({
  storage: storageImgFile,
  filterImgFile: filterImgFile
  // limits: { fieldSize: 10000000000 }
})

// Img Removing Handler
const handleImgRemove = (res, imgName) => {
  fileRemove.unlink(IMAGE_FOLDER_LOCATION + imgName, (err) => {
    if(err) {
      return res.status(500).json({
        success: false,
        error: `Failed at removing file from upload folder`,
        data: err
      })
    }
  })
}

module.exports = {
  imgFolderLocation: IMAGE_FOLDER_LOCATION,
  uploadImgFile,
  handleImgRemove,
}

• AddNewImage Route ：-

router.post('/add', uploadImgFile.single('file'), async(req, res) => {
  let { desc } = req.body

  const image = new Image({
    // the date will be slightly different or not same with the 'imagename' saved in 'local' destination
    imgName: new Date().toISOString().replace(/[-T:\.Z]/g, "") + '-' + req.file.originalname,
    desc: desc
  });

  image.save()
  .then(res => {

    return res.status(200).json({
      success: true,
      count: res.length,
      data: res
    })
  })
  .catch(err => {
    console.log(err)
    return res.status(500).json({
      success: false,
      error: `Failed to upload new image!`,
      data: err
    })
  })
})

• DeleteImage Route ：-

router.delete('/delete/:id', async(req, res) => {
  await Image.findByIdAndDelete(req.params.id)
  .then(data => {
    // - remove image from upload folder
    handleImgRemove(res, data.imgName)

    return res.status(200).json({
      success: true,
      count: data.length,
      data: data
    })
  })
  .catch(err => {
    return res.status(500).json({
      success: false,
      error: `Failed to delete image from DB!`,
      data: err
    })
  })
})

我希望得到（ imgName保存在mongoDb ）和filename保存在local目标文件夹/upload将是相同的。 但我不能。 那么，如何才能确保both人都会有相同的naming system or ways ？

Answer 1

const multer = require("multer");
const uuid = require("uuid").v4;
const path = require("path");

const storage = multer.diskStorage({
  destination: (req, file, cb) => {
    cb(null, "uploads");
  },
  filename: (req, file, cb) => {
    const ext = path.extname(file.originalname);
    const originalname = `${uuid()}${ext}`;
    cb(null, originalname);
  },
});
const upload = multer({ storage });

npm 安装 uuid

您需要使用 uuid 为每个图像指定一个唯一名称，您可以通过为每个图像指定一个文件名来实现这一点，如示例中所示。 这也将解决同一个文件不会被存储两次的问题。 您还可以将当前日期添加到文件名中，以进一步减少两个文件具有相同名称的机会。

这就是图像对象的样子

  {
    fieldname: 'file',
    originalname: 'image1.jpg',
    encoding: '7bit',
    mimetype: 'image/jpeg',
    destination: 'uploads',
    filename: '31d41f39-b4ad-467c-bb09-601596240fe8.jpg',
    path: 'uploads\\31d41f39-b4ad-467c-bb09-601596240fe8.jpg',
    size: 961388
  }