Angular 6文件上传

问题描述 投票:1回答:1

现在已经坚持了一段时间。我有一个使用角度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 });
});

});

这里是我如何设置multer,网格文件流和存储

    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 });
node.js angular multer
1个回答
0
投票

它与multer尝试创建目录有关。编写正确的路径名(可能是./uploads/)。并确保该文件夹是可写的

© www.soinside.com 2019 - 2024. All rights reserved.