我正在创建一个电影项目,用户可以在其中添加,编辑和删除电影,以及添加书签和所有内容。 我决定使用json-server作为api,因为我不想做任何过于复杂的事情。为了存储图像,我使用了multer并将图像路径保存在json-server中。 我使用multer在本地公用文件夹中存储了一些图像。用户删除电影时,我需要删除这些图像。我搜索并找到了来自节点的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.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中删除文件夹的图像吗?谢谢