使 API 调用 multer 存储文件时出错

Question

我使用 multer 创建了一个节点 API 来存储文件，调用它时出错，请帮忙。 波纹管是代码和错误 -

代码 -

 const storage = multer.diskStorage({ destination: './public/upload', filename: function(req, file, cb){ cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname)); } }); // initialize upload const upload = multer({ storage: storage, limits: {fieldSize: 100000} }).single('myImage'); app.post('/upload', (req, res)=> { upload(req, res, (err) => { if(err){ res.json({ msg: req.body, }); }else { res.json({ msg: 'File uploaded', file: `upload/${req.file.filename}` }); } }) })

我在进行 API 调用时遇到的错误是“名称”：“MulterError”、“消息”：“意外字段”、“代码”：“LIMIT_UNEXPECTED_FILE”、“storageErrors”：[]

Answer 1

传递文件名对我有用 -

 uploadFile = (e) =>{ let file = e.target.files[0]; let data = new FormData(); data.append('myImage', file); axios.post('http://localhost:5000/upload', data, { headers: { 'Content-Type': 'multipart/form-data' } }).then(res => this.setState({file: res.data.file})); }

Answer 2

在您的前端代码上，您是否确保输入名称是 myImage

如果您使用的是 HTML 尝试使用此代码

   <input type=“file” name=“myImage” />

假设你正在使用前端框架 react

这段代码应该在提交/上传文件 function

  const uploadFile = (e) =>{
       e.preventDefault();
      let file = e.target.files[0];
      let data = new FormData();
      data.append('myImage', file);
      axios.post('http://localhost:5000/upload', data, {
          headers: {
            'Content-Type': 'multipart/form-data'
          }
      }).then(res => this.setState({file: res.data.file}));
    }

我希望这有帮助

Answer 3

limits: {fileSize: 100000}

我没有检查它，但我相信它必须是 fileSize 而不是 fieldSize，可能