multer req 文件未定义，但为什么呢? [英] multer req file is undefined but why?

问题描述

谁能告诉我为什么我的 req.file 未定义?我添加内容标题类型，我添加了 single.photo 但我没有得到任何数据

Can anyone tell me why my req.file is undefined? I add the content header type, I add single.photo but I get no data

前端:

## data is equal to this:
Object {
  "filename": "3ccc61e1-3c49-4538-9594-b4987b3fa66f.jpg",
  "type": "image/jpg",
  "uri": "file:///data/user/0/host.exp.exponent/cache/ExperienceData/UNVERIFIED-xxxxx-test/ImagePicker/3ccc61e1-3c49-4538-9594-b4987b3fa66f.jpg",
}

const uploadStory = async data => {
  try {
    const form = new FormData();
    form.append('photo', data);
    const options = {
      headers: {
        'Content-Type':'multipart/form-data',
        'Accept':'application/json'
      },
      method: 'POST',
      body: form
    };
    const res = await fetch('http://xxxxxxx.xx:3000/createstory', options);
    const out = await res.json();
    return out;
  } catch(e) {
    console.log(e);
    return e;
  }
};

export default uploadStory;

后端:

const multer = require('multer');

const storage = multer.diskStorage({
  destination: function(req, file, cb) {
    cb(null, 'uploads/')
  },
  filename: function(req, file, cb) {
    console.log(req);
    cb(null, `${file.filename}-${Date.now()}`)
  }
});

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

module.exports = async (req, res, next) => {
  upload(req, res, function(err) {
    if(err) {
      console.log(err)
      return;
    } else if (err instanceof multer.MulterError) {
      console.log(err);
    } else {
      console.log(req.file);
      console.log('hi')
    }
  });
};

.....................................................................................................................................

.................................. .................................. .................................. ..................................

推荐答案

确保你的数据对象看起来像这样

Make sure your data object looks like this

{
    name: "3ccc61e1-3c49-4538-9594-b4987b3fa66f.jpg",
    type: "image/jpg",
    uri: "file:///data/user/0/host.exp.exponent/cache/ExperienceData/UNVERIFIED-xxxxx-test/ImagePicker/3ccc61e1-3c49-4538-9594-b4987b3fa66f.jpg",
}

在您的 data 对象中，您的 key 是 filename 而不是 name

In your data Object your key is filename instead of name

把你的上传改成这个

const upload = multer({
  storage: storage,
});

然后，

module.exports = upload.single('photo'), async (req, res) => {
  try {
    console.log(req.body); // Body Here
    console.log(req.file); // File Here
    res.status(500).send('Fetch Completed Successfully');
  } catch (error) {
    console.log(error);
    res.status(500).send('Error');
  }
}

这篇关于multer req 文件未定义，但为什么呢?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！