multer is not working

Question

Hello guys i need your help i cant fixed my problem with multer, file is not being uploaded and req.file is always undefined. Here is my codes

addProps.js

const multer = require('multer')
const upload = multer({ dest: 'public/imahe/' })

router.post('/add', isAuthenticated, upload.single('imahe'), (req, res, next) => {
      console.log(req.body)
      console.log(req.files)
      const member = req.user
      Members.findOne({})
      const props = new Property({
        pname: req.body.pname,
        ptype: req.body.ptype,
        price: req.body.price,
        pterm: req.body.pterm,
        location: req.body.location,
        description: req.body.description,
        gallery: req.body.imahe,
        owner: member._id
      })
      props.save( (err, props) => {
        if (err) {
          console.log('Unable to register your data: ' + err)
          throw err
        }
        console.log('Property Added Successful!')
        res.redirect('/dashboard')
      })
    })

addproperty.ejs

<% include header%>

  <div class="row">
    <form class="col s12" method="POST" action="/property/add">

      <div class="row">
        <div class="file-field input-field">
          <div class="btn">
            <span>File</span>
            <input type="file" name="imahe">
          </div>
          <div class="file-path-wrapper">
            <input class="file-path validate" type="text">
          </div>
        </div>
      </div>

      <button class="btn waves-effect waves-light" type="submit" name="action" value="submit">Submit
        <!-- <i class="material-icons right">send</i> -->
      </button>
    </form>
  </div>


  <% include foot%>

req.file or req.files is always returning undefined in my side, i dont have any other error, i try to find some solution

btw here is my header

app.use((req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*')
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, Authorization')

    if (req.method === 'OPTIONS') {
        res.header('Access-Controll-Allow-Methods', 'PUT, POST, PATCH, DELETE, GET')
        return res.status(200).json({})
    }
    next()
})

You code here says `req.files` and not `req.file` – Brahma Dev Apr 24 '18 at 07:49 — Brahma Dev, Apr 24 '18 at 07:49
i already tried both sir – Brandy Garrison Apr 24 '18 at 07:53 — Brandy Garrison, Apr 24 '18 at 07:53
What does `req.file` output on the console ? – Brahma Dev Apr 24 '18 at 08:10 — Brahma Dev, Apr 24 '18 at 08:10

score 0 · Accepted Answer · answered Apr 24 '18 at 07:19

0

You need to set the enctype as multipart/form-data of form.

When you are writing client-side code, all you need to know is use multipart/form-data when your form includes any elements.

Hope following code snippet would be helpful.

<form class="col s12" enctype='multipart/form-data' method="POST" action="/property/add" >

For more detail, please refer to this answer.

answered Apr 24 '18 at 07:19

Kevin Law

814
4
15

req.file still undefined sir and file still now uploaded, i tried what you said. btw i edited the question and i added the res.header.. someone told me that it can affect also – Brandy Garrison Apr 24 '18 at 07:44
Have you tried not set **dest** for multer, just use **var upload = multer()** – Kevin Law Apr 24 '18 at 07:50
Have you restart your node server? Because I've tested your example on my local. It work perfectly. – Kevin Law Apr 24 '18 at 08:14
i already restart it sir, still no luck :( is that conflic with body-parser ? – Brandy Garrison Apr 24 '18 at 08:21
It won't be, https://ufile.io/hjh61, this is fork of you code on my end. You could play around and see if there are any other difference. – Kevin Law Apr 24 '18 at 08:35

multer is not working

1 Answers1