如何从React中的文件夹中删除图像

Question

我正在创建一个电影项目，用户可以在其中添加、编辑和删除电影，以及书签等。 我决定使用 json-server 作为 api，因为我不想做任何太复杂的事情。为了存储图像，我使用了 multer 并将图像路径保存在 json-server 中。 我使用 multer 在本地公共文件夹中存储了一些图像。当用户删除电影时，我需要删除这些图像。我搜索并找到了来自node的fs.unlink，但它在React中不起作用。另外，我无法从文件中访问 FormData，因为它是在电影添加组件中创建的，而我位于电影显示组件中，并且希望仅删除给定路径的电影。

我在 multer 中存储图像的代码

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

app.use(cors())

const storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'public/images')
  },
  filename: function (req, file, cb) {
    cb(null, file.originalname)
  }
})

const upload = multer({ storage: storage }).single('file')

app.post('/upload', function (req, res) {

  upload(req, res, function (err) {
    if (err instanceof multer.MulterError) {
      return res.status(500).json(err)
    } else if (err) {
      return res.status(500).json(err)
    }
    return res.status(200).send(req.file)
  })
});

app.listen(8000, function () {
  console.log('App running on port 8000');
});

我的公用文件夹

有没有办法在 React 中删除文件夹的图像？谢谢

Answer 1

你找到解决办法了吗？因为我想要，所以请