Question

现在，芬恩坚持了一段时间。我有一个使用angular 6的普通堆栈应用程序。我正在尝试将保存文件上传到后端。我找到了THIS条文章。但是要么我收到一个错误，要么像

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> 
<title>Error</title> </head> <body> <pre>Error: ENOENT: no such file or 
 directory, open ''<br> at 
 Error (native)</pre> </body> </html>

从服务器返回的

或req.file为空，并且没有发生我的保存。我正在努力拼凑出最好的方法。

谢谢

这是我的终点

app.post('/api/posts', upload.single('file'), (req, res, next) => {

const post = new Post({
  title: req.body.title,
  content: req.body.content,
  image:req.file
});    

post
.save()
.then(createdPost => {
  res.status(201).json({
    status: true,
    id: createdPost._id,
  });
})
.catch(error => {
  res.status(500).json({ status: false, message: 'Didnt save ', error });
});

}）;

这是我设置混合器，网格文件流和存储的方式

    let gfs;
conn.once('open', () => {
  gfs = Grid(conn.db, mongoose.mongo);
  gfs.collection('uploads');
});


const storage = new GridFsStorage({
  url: connection,
  file: (req, file) => {
    return new Promise((resolve, reject) => {
      crypto.randomBytes(16, (err, buf) => {
        if (err) {
          return reject(err);
        }
        const filename = buf.toString('hex') + path.extname(file.originalname);
        const fileInfo = {
          filename: filename,
          bucketName: 'uploads'
        };
        resolve(fileInfo);
      });
    });
  }
});
const upload = multer({ storage });

Answer 1

与multer尝试创建目录有关输入正确的路径名（可能是./uploads/）。并确保该文件夹可写

Angular 6文件上传

1 个答案: